/* TAGS */
* {margin:0;padding:0}
body {background-image:url(images_2010/);background-attachment:fixed;font-family:Arial,helvetica,sans-serif;font-size:100%;line-height:1em;color:#5e5e5e;min-width:1000px}
object {vertical-align:top;outline:none}
input, textarea, select {font-family:Tahoma,Arial,helvetica,sans-serif;font-size:1em;vertical-align:middle;font-weight:normal}
p {margin:0;padding:0;line-height:1.7em;}
img {border:0;vertical-align:top;text-align:left}
/* ALIGMENT */
.fleft {float:left}
.fright {float:right}
.clear {clear:both}
.alignright {text-align:right}
.aligncenter {text-align:center}
.wrapper {width:100%;overflow:hidden}
.container {width:100%}
/* TAILING */
/*Bande de couleur du haut dans la navigation*/
.tail-top {background:url(images_2010/) left top repeat-x ;height:210px;}
.tail-bottom {background:url(images_2010/tail-bottom.gif) left bottom repeat-x}
/* GLOBAL */
#header, #content, #footer {font-size:0.75em;width:1000px;margin:0 auto}
.col-1, .col-2, .col-3 {float:left}
/* FORMS */
#form .form {height:29px;width:100%;overflow:hidden}
#form input {width:119px;float:left;padding:1px 0 1px 3px;background:#fff;border:1px solid #a7ccce;vertical-align:top;line-height:1.2em;margin-right:5px}
#form a {float:left}
#contacts-form {clear:right;width:100%;overflow:hidden}
#contacts-form fieldset {border:none;float:left}
#contacts-form .field {clear:both;height:22px}
#contacts-form label {float:left;width:97px;font-weight:bold;color:#5e5e5e}
#contacts-form input {width:347px;padding:1px 0 1px 3px;border:1px solid #5eb2c1;color:#70635b;float:left}
#contacts-form textarea {width:347px;height:360px;padding:1px 0 1px 3px;border:1px solid #5eb2c1;color:#70635b;float:left;margin-bottom:15px;overflow:auto}
#contacts-form a {color:#e62525}

.menu-top-in{
position:absolute;
top:2em;
left:32.8em;
width:800px;
z-index:2;
}

.menu-top-in li{
color:black;
font-family: arial, times new roman, century gothic;
display:inline;
font-size:1.1em;
font-weight:none;
}

.menu-top-in a{
color:black;
text-decoration:underline;
}

.menu-top-in a:hover{
color:#3d3d2a;
text-decoration:underline;
}
.menu-top-out{
position:absolute;
top:2em;
left:53em;
width:500px;
z-index:2
}
.menu-top-out li{
color:black;
font-family: arial, times new roman, century gothic;
display:inline;
font-size:1.1em;
font-weight:none;
}

.menu-top-out a{
color:black;
text-decoration:underline;
}
.menu-top-out a:hover{
color:#3d3d2a;
text-decoration:underline;
}
.message-bienvenue{
color:#DB9E0B;
position:absolute;
top:8.3em;
left:5.7em;
margin-right:200em;
font-size:.8em;
font-family:arial;
font-weight:bold;
}
/* LISTS  */
ul, ol {list-style:none}
.site-nav {padding-top:155px;padding-left:0px;}
.site-nav li {float:left;font-size:14px;line-height:1.2em;text-transform:uppercase;padding:2px 42px 0 42px;background:url(images_2010/divider.gif) repeat-y right top}
.site-nav li a {text-decoration:none;color:#133439}
.site-nav li a:hover {color:#e93434}
.site-nav li.last {background:none;padding-right:0}
.nav-list {position:absolute;right:113px;top:52px}
.nav-list li {float:left;padding:6px 17px 6px 15px;background:url(images_2010/divider1.gif) repeat-y right top}
.nav-list li.last {background:none;padding-right:0}
.list li {padding:0 0 0px 11px;background:url(images_2010/marker1.gif) no-repeat left 5px}
.list li a {color:#}
.list1 {margin-top:-15px}
.list1 li {color:#393939;padding-top:5px}
.list1 li b {display:block;padding-bottom:6px}
.list1 li a {text-decoration:none;color:#393939}
.list1 li a:hover {background:#fff}
.list2 {margin-top:-5px;}
.list2 li {padding:0 0 5px 11px;background:url(images_2010/marker2-right.gif) no-repeat left 5px;}
.list2 li img {float:left;margin:-10px 12px 0 0}
.list2 li b {display:block;padding-bottom:5px}
.list2 li b a {color:#5eb2c1;text-decoration:none} 
.list2 li b a:hover {color:#000}
.list3 {margin-top:-9px}
.list3 li {width:100%;overflow:hidden;vertical-align:top;padding-top:10px}
.list3 li img {float:left;margin:6px 12px 0 0}
.list3 li b {display:block;padding-bottom:5px}
.list3 li b a {color:#5eb2c1;text-decoration:none} 
.list3 li b a:hover {color:#000}
.list4 {padding-bottom:17px}
.list4 li {font-weight:bold;padding:0 0 5px 8px;background:url(images_2010/marker2.gif) no-repeat left 6px}
.list4 li ul {padding-top:5px;margin-bottom:-5px}
.list4 li a {color:#e62525}
/* OTHER */
.img-box span {display:block;padding-top:20px;text-align:center;color:#133439}
.img-box span b {display:block;color:#e62525}
.img-box a {text-decoration:none}
p {margin-bottom:18px}
.p1 {margin-bottom:0}
.phone {float:right;margin-right:30px}
/* TXT, LINKS, LINES, TITLES */
a {color:#000000;outline:none;font-family:arial;}
a:hover {text-decoration:none}
h1 {font-size:22px;line-height:1.2em;text-transform:;color:#133439;margin-bottom:20px;font-weight:normal;}
h1 span {color:#878787;padding-left:60px;display:inline-block}
h1 b {color:#e62525;position:relative;top:0px;font-weight:normal;}
h1 strong {color:#5eb2c1;position:relative;top:1px}
h2 {font-size:24px;line-height:1.2em;text-transform:uppercase;color:#133439;margin-bottom:20px}
h2 span {color:#878787;padding-left:60px;display:inline-block}
h2 b {color:#e62525;position:relative;top:1px}
h2 strong {color:#5eb2c1;position:relative;top:1px}
h3 {font-size:18px;line-height:1.2em;color:#133439;text-transform:uppercase;margin-bottom:15px;font-weight:normal}
/* BOXES */
.box {background:url(images_2010/box-tail.gif) repeat-y left top;width:208px;margin-bottom:10px;margin-top:0px}
.box .top {background:url(images_2010/box-top.gif) no-repeat left top}
.box .bot {background:url(images_2010/box-bot.gif) no-repeat left bottom;min-height:313px;height:auto!important;height:313px}
.box .inner, .box4 .inner, .box2 .inner, .box1 .inner{padding:25px 30px 25px 30px}
.box1 {width:208px;background:url(images_2010/form-box-tail.gif) repeat-y left top;margin-bottom:20px;margin-top:0px}
.box1 .top {background:url(images_2010/form-box-top.gif) no-repeat left top}
.box1 .bot {min-height:255px;height:auto!important;height:255px;background:url(images_2010/form-box-bot.gif) no-repeat left bottom}
.box4 {background:url(images_2010/box4-tail.gif) repeat-y left top;width:238px;margin-top:10px}
.box4 .top {background:url(images_2010/box4-top.gif) no-repeat left top}
.box4 .bot {background:url(images_2010/box4-bot.gif) no-repeat left bottom;min-height:365px;height:auto!important;height:365px}
.box2 {background:url(images_2010/box2-tail.gif) repeat-y left top;width:238px}
.box2 .top {background:url(images_2010/box2-top.gif) no-repeat left top}
.box2 .bot {background:url(images_2010/box2-bot.gif) no-repeat left bottom;min-height:410px;height:auto!important;height:410px}
.box2 h3 {color:#133439}
.box3  {background:url(images_2010/box3-tail.gif) repeat-y left top;width:504px}
.box3 .top {background:url(images_2010/box3-top.gif) no-repeat left top}
.box3 .bot {background:url(images_2010/box3-bot.gif) no-repeat left bottom}
.box3 .inner {padding:25px 25px 20px 30px}
.box3 h3 {margin-bottom:9px;color:gray;font-size:1.7em;}
.box-index  {background:url(images_2010/box3-tail.gif) repeat-y left top;width:504px}
.box-index .top {background:url(images_2010/box3-top.gif) no-repeat left top}
.box-index .bot {background:url(images_2010/box3-bot.gif) no-repeat left bottom}
.box-index .inner {padding:25px 25px 20px 30px}
.box-index h3 {margin-bottom:9px;color:#739b3a;font-size:1.7em;border-bottom:1px solid #739b3a;width:282px;}
.box-formulaire  {background:url(images_2010/box3-tail.gif) repeat-y left top;width:504px}
.box-formulaire .top {background:url(images_2010/box3-top.gif) no-repeat left top}
.box-formulaire .bot {background:url(images_2010/box3-bot.gif) no-repeat left bottom}
.box-formulaire .inner {padding:25px 25px 20px 30px}
.box-formulaire h3 {margin-bottom:9px}
.form-box {background:url(images_2010/form-box-tail.gif) repeat-y left top;margin-bottom:10px;margin-top:0px;width:504px;}
.form-box .top {background:url(images_2010/form-box-top.gif) no-repeat left top}
.form-box .bot {min-height:10px;height:auto!important;height:170px;background:url(images_2010/form-box-bot.gif) no-repeat left bottom}
.form-box .inner {padding:18px 20px 30px 30px}
.form-box , .form-box p {color:#133439}
.form-box  {margin-bottom:10px}
.form-box  {margin-bottom:6px}
.form-box  {color:#fbcec6}
/* HEADER */
#header {height:180px;background:url(images_2010/) no-repeat left top;position:relative}
#header .logo {position:absolute;left:0px;top:-65px}
/* CONTENT */
#content .col-1, #content .col-2 {margin-right:20px}
#content .col-1 {width:208px}
#content .col-2 {width:504px}
#content .col-3 {width:208px;float:right}
#content .indent {padding:60px 20px 40px 20px}
#content .indent1 {padding:30px 20px 30px 30px}
#content .indent-formbox {padding:30px 20px 6px 30px}
#content .inner_copy {border:0;color:#f00;float:left;width:50%!important;margin:-100px 0 0 0;overflow:hidden;line-height:0;padding:0;font-size:11px}

/* FOOTER  */
#footer {height:85px;background:url(images_2010/) no-repeat left top}
#footer p {text-align:center;padding-top:23px;color:#133439;line-height:2em;}
#footer p a {color:#e62525}
#footer img {position:relative;top:-4px}




#menu ul /* Liste */     
{
        padding :0 0 0 7px ; /* pas de marge intérieure */
		margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 0px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
		font-size : 10px; /* hauteur du texte : 12 pixels */
		z-index:2
		
}

#menu /* Ensemble du menu */
{
		position:relative;
		top:12.5em;
		left:1.5em;
        font-weight : normal; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 13px; /* hauteur du texte : 12 pixels */
		text-align : center; /* on centre le texte qui se trouve dans la liste */
		line-height : 3px; /* on définit une hauteur pour chaque élément */
		z-index:2
}

#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding:12px 11px 13px 20px; /* aucune marge intérieure */
        font-weight:bold;       
        color : #00719A; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 208px; /* largeur */
		text-transform:uppercase;
		background:url(images_2010/menu.gif) repeat-x 
		
}
#menu  ul  a/* Contenu des listes */
{
  
        padding:2px 1px 2px 20px; /* aucune marge intérieure */
        font-weight:bold;       
        color : #00719A; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 208px; /* largeur */
		text-transform:uppercase;
		background:#FAFAFA; 
		line-height : 10px; /* on définit une hauteur pour chaque élément */
		
}


#menu li /* Elements des listes */      
{ 		

        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}




/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 1px solid #C5C4C4 ; /* on met une bordure transparente à droite de chaque élément */
		
}

html>body #menu li.last 
{
        border-right: none ; /* on met une bordure transparente à droite de chaque élément */
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 144px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
		border-right : 1px solid #fff;
		
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid #ffffff; /* on met une bordure transparente en haut de chaque élément */
}

#menu li ul ul 
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}

#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
     
	text-decoration:underline;
	background-color:#E7E7E7;
	z-index:20000;
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}



/* Login Pop up*/
		.black_overlay{
			display: none;
			position: absolute;
			top: 82%;
			left: 20%;
			width: 62.5%;
			height: 236%;
			background-color: black;
			z-index:100100;
			-moz-opacity: 0.3;
			opacity:.30;
			filter: alpha(opacity=30);
		}
		.white_content {
			display: none;
			position: absolute;
			top: 95.7%;
			left: 22.8%;
			width: 52.6%;
			height: 184%;
			padding: 16px;
			border: 6px solid #5e5e5e;
			
			z-index:120000;
			overflow: auto;
			font-size:1.2em;
			background:#ffffff
		}
		
		
	/* Login Pop up SUGGÉRER AMI*/
		.black_overlay2{
			display: none;
			position: absolute;
			top: 28%;
			left: 19.5%;
			width: 50%;
			height: 85%;
			background-color: black;
			z-index:100100;
			-moz-opacity: 0.35;
			opacity:.35;
			filter: alpha(opacity=35);
		}
		.white_content2 {
			display: none;
			position: absolute;
			top: 32%;
			left: 22.5%;
			width: 40%;
			height: 70%;
			padding: 16px;
			border: 6px solid #9EBE70 ;
			
			z-index:120000;
			overflow: auto;
			font-size:1.2em;
			background:#ffffff
		}	
		
		
.table
{
margin-top:20px;
margin-left:25%;
margin-right:0%;
width:70%;
outline-color:red;

}	




/*Début système poppup window  por "Settings Bass"*/

a.procedures_photos{

position:relative;

border-bottom:1px solid :#000000;

text-decoration: underline;

font-weight: bold;

color::#000000;

}

a:hover.procedures_photos{

text-decoration: none;

background: none;

color:#000000;

}

a.procedures_photos span {display: none;}

a:hover.procedures_photos span {

display: inline;

position: absolute;

top:-15em;

left:0em;

z-index: 200;

background: #F7E3A7;

color: #000000;

border:1px solid #000;

width:412px;

text-align:center;

font-weight:normal;

font-size: 12px;

line-height:20x;

padding:1em;

}

/*Fin système poppup window  por "Settings Bass"*/	




/*Début système poppup window  por "Settings Bass"*/

a.procedures_videos{

position:relative;

border-bottom:1px solid :#000000;

text-decoration: underline;

font-weight: bold;

color::#000000;

}

a:hover.procedures_videos{

text-decoration: none;

background: none;

color:#000000;

}

a.procedures_videos span {display: none;}

a:hover.procedures_videos span {

display: inline;

position: absolute;

top:-15em;

left:0em;

z-index: 200;

background: #F7E3A7;

color: #000000;

border:1px solid #000;

width:412px;

text-align:center;

font-weight:normal;

font-size: 12px;

line-height:20x;

padding:1em;

}

/*Fin système poppup window  por "Settings Bass"*/



/*Début expliccation facebook connect"*/

a.facebook_connect_commentaire{

position:relative;
top:-.4em;
left:.3em;
text-decoration: none;
font-weight: bold;
color:#000000;
background: lightgray;
padding:0 .4em .1em .4em;
border:1px solid black;
font-size:.7em;


}

a:hover.facebook_connect_commentaire{

text-decoration: none;

background: none;

color:#000000;

}

a.facebook_connect_commentaire span {display: none;}

a:hover.facebook_connect_commentaire span {

display: inline;

position: absolute;

top:-10em;

left:-15.7em;

z-index: 2000;

background: #F7E3A7;

color: #000000;

border:1px solid #000;

width:250px;

text-align:center;

font-weight:normal;

font-size: 12px;

line-height:20x;

padding:.5em;

text-align:left;

}

/*Fin expliccation facebook connect"*/



/*Début membres étoiles*/

a.membre_etoile{

position:relative;
left:.2em;


text-decoration: underline;

font-weight: bold;

color:#000000;



}

a:hover.membre_etoile{

text-decoration: none;

background: none;

color:#000000;

}

a.membre_etoile span {display: none;}

a:hover.membre_etoile span {

display: inline;

position: absolute;

top:-4.1em;

left:-12em;

z-index: 200;

background: #F7E3A7;

color: #000000;

border:1px solid #000;

width:250px;

text-align:center;

font-weight:normal;

font-size: 12px;

line-height:20x;

padding:.5em .5em .5em .5em;

text-align:center;

}









a.membre_etoile2{

position:relative;
top:-.2em;
left:.2em;


text-decoration: underline;

font-weight: bold;

color:#000000;



}

a:hover.membre_etoile2{

text-decoration: none;

background: none;

color:#000000;

}

a.membre_etoile2 span {display: none;}

a:hover.membre_etoile2 span {

display: inline;

position: absolute;

top:-6em;

left:-16.5em;

z-index: 200;

background: #F7E3A7;

color: #000000;

border:1px solid #000;

width:280px;

text-align:center;

font-weight:normal;

font-size: 12px;

line-height:20x;

padding:1em;

}




/*Fin membre étoile*/


/*Smiley layouts*/
a.happy { 
display: block;
width: 70px; 
height: 29px; 
background-image: url('images/vote-box-hover2_01.png');
background-repeat:no-repeat;

} 
 
a.happy:hover { visibility: visible } 
a.happy:hover img { display: none  } 


a.mad { 
display: block;
width:64px; 
height: 29px; 
background-image: url('images/vote-box-hover2_02.png');
background-repeat:no-repeat;
} 
 
a.mad:hover { visibility: visible } 
a.mad:hover img { display: none  } 


a.abus { 
display: block;
width: 66px; 
height: 29px; 
background-image: url('images/vote-box-hover2_03.png');
background-repeat:no-repeat;
} 
 
a.abus:hover { visibility: visible } 
a.abus:hover img { display: none  } 


    .floatimgleft {
	position:relative;
	top:0em;
	left:2.60em;
    float:right;
    margin-top:-5px;
	margin-left:-20px;
    margin-right:10px;
    margin-bottom:17px;
    }
	
	
.cadre_photo{
	position:absolute;
	top:10em;
	left:2.60em;
	width:10px

    }	
	
	
a.flecheL{ 
display: block;
width: 12px; 
height: 30px; 
background-image: url('fleche-gauche-photo(hover).gif');
background-repeat:no-repeat;
} 
 
a.flecheL:hover { visibility: visible } 
a.flecheL:hover img { display: none  } 


a.flecheD{ 
display: block;
width: 12px; 
height: 30px;

background-image: url('fleche-droite-photo(hover).gif');
background-repeat:no-repeat;
} 
 
a.flecheD:hover { visibility: visible } 
a.flecheD:hover img { display: none  } 	
	
	
#titre a  {
color:#00719A;
font-family:Arial;
text-decoration:none;
font-size:1.3em;
}	

#titre a:hover  {
color:#00719A;
font-family:Arial;
text-decoration:underline;
font-size:1.3em;
}

.Adfooter{
position:relative;top:-1.5em;left:13em;
}

#index_Nouv_pseudo {
color:#5e5e5e;
font-style:;
font-size:.9em;
}

#index_Nouv_pseudo a {
color:#739b3a;
font-style:;
font-size:.9em;

}

#barre_navigation{
position:absolute;
top:19.9em;
left:23.3em;

}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#barre_navigation{ position:absolute;top:20.1em;left:23.3em; }
}

#barre_navigation a{
text-decoration:none;
color:#00719A;
}

#barre_navigation a:hover {
text-decoration:underline;

}

#barre_cat a{
color:#5e5e5e;
}

#sys_precedent_suivant{
position:relative;
top:17.35em;
left:51.4em;
margin:0;
float:left;
color:#5e5e5e;
text-decoration:none;
}

#sys_precedent_suivant a{
text-decoration:none;
color:#5e5e5e;
}

#sys_precedent_suivant a:hover{
text-decoration:underline;

}