@charset "iso-8859-1";
/* Date de création: 06/12/2004 */
body {
background-color:#FFFFFF;
text-align: center; 
}

#pageindexnew {
width:100%;
margin:0 auto;
}

div.bandeaunew {
position:fixed;
z-index:100;
margin-top:0;
margin-left:0;
margin-right:0;
width:100%;
}

div#logo {
   float:left;	
	width:25% ;
	height:90px;
	background-color: #32568a ;
   }

div#connect {
	float:left;
    text-align: right ;
	width:75% ;
	height:90px;
	background-color: #32568a  ;
}

div#connect p
{
	padding-top:20px;
	text-align:right ;
	color: white;
}

div#connect a
{
color:white;
font-size:16px;
text-decoration:none;
}

div#connect a:hover
{
color:white;
text-decoration: underline;
}

div#connect a:visited
{
color:white;
text-decoration: none;
}

div.soustitre {
	width:100%;
	padding-top:100px;
    background-size:cover ;
	height:500px; 
	background-position:center center;
}

div.tronc {
	position:relative;
	margin:auto ;
	width:984px;
}

#piednew {
	position:absolute; 
	width: 100%;
	color:#FFFFFF;
	margin-top:1500px;
    background-color:#666666;
	border-left:solid 1px black;
	border-right:solid 1px black;
	border-bottom:solid 1px black;
}

#pageindex {
width:1024px;
height:1700px; /*1630 */
margin-left:auto;
margin-right:auto;
border: solid 1px #666666;
background-color: #f9fafb; 
text-align:left;
}

#page {
width:1024px;
height:2200px;
margin-left:auto;
margin-right:auto;
border: solid 1px #666666;
background-color: #f9fafb; 
text-align:left;
}

#pagecarte {
width:1024px;
height:1100px; /*1000*/
margin-left:auto;
margin-right:auto;
border: solid 1px #666666;
background-color: #f9fafb; 
text-align:left;
}

#pageloisirs {
width:1024px;
height:1100px;
margin-left:auto;
margin-right:auto;
border: solid 1px #666666;
background-color: #f9fafb; 
text-align:left;
}

table.resultat{
width:800px;
background-color:#FFFFFF;
}

td,p {
text-align:justify;
margin-left:5px;
margin-right:5px;
font-size:12px; 
font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
}

p.grasbleu {
font-size:13px;
font-weight:bold;
color:#003366;
}

td.titreannonce{
height:40px;
font-size:14px;
color:#003366;
background:url(../image/titreannonce.gif);
}

td.resultat-g{
width:25%;
}

td.resultat-d{
width:75%;
}

td.resultat-g0 {
height:30px;
width:50%;
text-align:center;
}

td.resultat-d0 {
width:50%;
text-align:right;
border-bottom:solid 1px #FFFFFF;
}

p.onglet {
text-align:center;
margin-left:0;
font-size:12px;
}

p.search-left {
font-size:11px;
margin-left:10px;
margin-top:3px;
margin-bottom:3px;

}

p#sstitre-photoH{
font-size:12px;
text-align:center;
font-weight:bold;
margin-top:3px;
margin-bottom:3px;
color:white;
}

p#sstitre-photoB{
font-size:12px;
text-align:center;
margin-top:3px;
margin-bottom:3px;
color:black;
}

p#zero{
margin-left:0;
text-align:center;
margin-bottom:0;
margin-top:0;
}

p#liste{
font-size:12px;
margin-left:50px;
margin-top:4px;
margin-bottom:4px;
}

p#texte{
font-size:12px;
margin-left:10px;
margin-top:4px;
margin-bottom:4px;
}

p#message{
margin-left:50px;
margin-top:4px;
margin-bottom:4px;
font-size:13px;
color:#ff0000;
}

p#bouton {
margin-top:10px;
font-size:9px;
margin-right:20;
text-align:right;
}

p.longlet {
text-align:center;
font-size:14px;
margin-top:5px;
}

h1 {
font-size:22px;
text-align:left;
margin-left:10px;
font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
margin-top:10px;
margin-bottom:0;
}

h3 {
font-size:16px;
text-align:left;
margin-left:10px;
font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
margin-top:10px;
margin-bottom:0;
}

h6{
font-size:12px;
font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
margin-left: 10px;
margin-top:20px;
margin-bottom:10px;
}

div.bandeau {
position:absolute;
margin-top:0;
margin-left:0;
width:1024px;
height:150px;
background:url(../bandeau/haut_1024.gif); 
}

div.navigation {
position:absolute;
margin-top:160px;
margin-left:30px;
}

div.ongletindex1 {
position:absolute;
margin-top:120;
margin-left:3;
width:250px;
height:30px;
background:url('/image/ongletindexhome.gif'); 
}

div.ongletindex2 {
position:absolute;
margin-top:120;
margin-left:259;
width:250px;
height:30px;
background:url('/image/ongletindex.gif'); 
}

div.ongletindex3 {
position:absolute;
margin-top:120;
margin-left:515;
width:250px;
height:30px;
background:url('/image/ongletindex.gif'); 
}

div.ongletindex4 {
position:absolute;
margin-top:120;
margin-left:771;
width:250px;
height:30px;
background:url('/image/ongletindex.gif'); 
}


div.ongletindex1H {
position:absolute;
margin-top:100;
margin-left:3;
width:250px;
height:50px;
background:url('/image/ongletindexhomeH.gif'); 
}

div.ongletindex2H {
position:absolute;
margin-top:100;
margin-left:259;
width:250px;
height:50px;
background:url('/image/ongletindexH.gif'); 
}

div.ongletindex3H {
position:absolute;
margin-top:100;
margin-left:515;
width:250px;
height:50px;
background:url('/image/ongletindexH.gif'); 
}

div.ongletindex4H {
position:absolute;
margin-top:100;
margin-left:771;
width:250px;
height:50px;
background:url(../image/ongletindexH.gif); 
}

div.fastsearch {
position:absolute;
width:250px;
height:300px;
margin-top:170px;
margin-left:3px;
background:url('/image/filtre.png');
border:solid 1px red;
}

div.essai {
position:absolute;
width:1024px;
height:30px;
margin-top:220px;
margin-left:0;
border: solid 1px #666666;
background-color: #f9fafb; 
text-align:left;
}




/* recherche regions   */

div.superieur {
position:absolute;
width:1024px;
height:30px;
margin-top:220px;
margin-left:0;
text-align:left;
}

div.corps-gauche {
position:absolute;
width:195px;
margin-top:250px;
margin-left:5px;
border: solid 1px #CCCCCC;
text-align:left;
}

div.corps-gauchenew {
position:relative;
float:left;
width:195px;
margin-top:20px;
margin-left:5px;
border: solid 1px #CCCCCC;
text-align:left;
}

div.corps-gauche2 {
position:fixed ;
width:195px;
margin-left:5px;
border: solid 1px #CCCCCC;
text-align:left;
}

div.corps {
position:absolute;
width:824px;
height:900px;
margin-top:250px;
margin-left:200px;
text-align:left;
}

div.corpsnew {
position:relative;
width:824px;
margin-top:20px;
margin-left:200px;
text-align:left;
}

div.piedpg {
position:absolute;
margin-top:1870px;
margin-left:-200px;
color:#FFFFFF;
/*background-color:#666666;*/
width:1024px;
}

div.liens {
position:absolute;
margin-top:1580px;
color:#000000;
font-size:10px;
font-family:arial;
text-align:center;
background-color:#FFFFFF;
width:1024px;
height:30px;
}

div.piedpage {
margin-left:auto;
margin-right:auto;
color:#FFFFFF;
background-color:#666666;
width:1024px;
}

div.piedpagenew {
	float:left ;
margin-left:auto;
margin-right:auto;
color:#FFFFFF;
background-color:#666666;
width:100%;
}

div.index-topG {
position:absolute;
width:240px; /*260 */
height:210px;
margin-top:20px;
margin-left:210px;
text-align:left;
border: solid 1px #CCCCCC;
background:url('/image/degrade_bleu_jaune.gif');
}

div.index-topC {
position:absolute;
width:240px; /*260 */
height:210px;
margin-top:20px;
margin-left:460px; /*480*/
text-align:left;
border: solid 1px #CCCCCC;
background:url('/image/degrade_bleu_jaune.gif');
}

div.index-topD {
position:absolute;
width:240px; /*260 */
height:210px;
margin-top:20px;
margin-left:710px; /*750 */
text-align:left;
border: solid 1px #CCCCCC;
background:url('/image/degrade_bleu_jaune.gif');
}

div.index-top {
position:absolute;
width:740px; /*260 */
height:210px;
margin-top:20px;
margin-left:210px; 
text-align:left;
border: solid 1px #CCCCCC;
background:url('/image/degrade_bleu_jaune.gif');
}

div.index-gauche {
position:absolute;
width:195px;
margin-top:20px;
margin-left:5px;
border: solid 1px #CCCCCC;
text-align:left;
}

div.index-centre {
position:absolute;
width:490px;
margin-top:240px;
margin-left:210px;
text-align:left;
border: solid 1px #CCCCCC;
}

div.index-droit {
position:absolute;
width:240px; /* 300 */
margin-top:240px;
margin-left:710px;
text-align:left;
border: solid 1px #CCCCCC;
}


a#numpage
{
color:black;
padding:0 ;
border:solid 1px black;
font-size:18px;
text-decoration:none;
}

a#numpage:hover
{
color:#FFFF66;
padding:0 ;
border:solid 1px black;
background:#32568A ;
font-size:18px;
text-decoration: none;
}

a.noir10
{
color:black;
font-size:10px;
text-decoration:none;
}
a.noir10:hover
{
color:black;
font-size:10px;
text-decoration: underline;
}

a.noir11
{
color:black;
font-size:11px;
text-decoration:underline;
}
a.noir11:hover
{
color:black;
font-size:11px;
text-decoration: none;
}

a.noir12
{
color:black;
font-size:12px;
text-decoration:underline;
}
a.noir12:hover
{
color:black;
font-size:12px;
text-decoration: none;
}

a.noir12inv
{
color:black;
font-size:12px;
text-decoration:none;
}
a.noir12inv:hover
{
color:black;
font-size:12px;
text-decoration: underline;
}

a.noir14
{
color:black;
font-size:14px;
text-decoration:underline;
}
a.noir14:hover
{
color:white;
font-size:14px;
text-decoration:none;
}

a.blanc12inv
{
color:white;
font-size:12px;
text-decoration:none;
}

a.blanc12inv:hover
{
color:white;
font-size:12px;
text-decoration: underline;
}

a.blanc12inv:visited
{
color:white;
font-size:12px;
text-decoration: none;
}

a.trans
{
color:#000000;
text-decoration:none;
}

a.trans:hover
{
color:#000000;
text-decoration:underline;
}

@media screen and (max-width : 640px) {  /*mobile 320px */

div.tronc {
	position:relative;
	margin:auto ;
}
	
div.corps-gauchenew {
position:relative;
float:left;
margin-top:20px;
margin-left:0;
width:100%;
text-align:left;
}
	
div.corpsnew {
position:relative;
float:left;
width:100%;
margin-top:20px;
margin-left:0;
text-align:left;
}
	
}