/* General Style - tout le site FR accordion traduction traducinscription */
						
body 
{
     margin: 0px auto; 
	width: 954px;  
	margin: 24px 2px 4px 2px; 
	padding: 0px;    
     background-image: url(images/Log04.jpg);opacity:0.96; 
     background-attachment: fixed;
     background-repeat: no-repeat;
     background-position: center; 
     background-size: auto, cover;
	box-shadow: 0px 0px 0px 0px #339999;
     border-radius: 0px;
	border: 0px solid #339999;
	font-size: small;
	font-family: Trebuchet-MS, Verdana, Arial, serif;
}

A { 
color:#000000; 
text-decoration:none; 
} 
A:hover { 
color:#009900; 
text-decoration:underline; 
} 

		
h6
{
    font-family: 'Trebuchet MS', Arial, Verdana, sans-serif;
	text-align: center;
	color: #99999;
	font-weight: normal;
} 
					/* Eléments principaux de la page */

#conteneur  /* le bloc qui englobe toute la page*/
{
    margin: 0 auto; 
    width: 930px;
    height:1404px;
    margin: 14px 2px 2px 62px; 
    padding:0px;
    border: 0px solid #990000; 
   box-shadow: 0px 0px 1px 12px #ccc;
    border-radius: 10px;
    background: #CCFFFF; opacity:0.98; 
    background-image: url(images/pattern.png); opacity:1.00;
    background-attachment: fixed;
    background-repeat: repeat;
    background-position: center;
    background-size: auto, cover;
 }
 
#conteneur a:link {color: #009900;}
#conteneur a:visited {color: #999999;}
#conteneur a:hover {color: #333333;}
#conteneur a:focus {color: #333333;}
#conteneur a:active {color: #009900;}
		
#conteneur  h3 { font-size: 18px; font-weight: normal; line-height: 20px; margin:0px 2px 6px 4px; padding: 8px 2px; color: #333; }	
#conteneur  h5  { font-family: Verdana, 'BallparkWeiner', serif,  Arial; display:table-cell; font-size: 15px; font-weight: normal; line-height: 16px; float:none; margin: margin:4px 2px 6px 4px; padding: 4px 10px 2px 4px; color: #666; width:910px; text-align: justify; }  
#conteneur  h6 { font-size: 13px; font-weight: normal; display:table-cell; float:none; line-height: 14px; margin:4px 2px 1px 2px; padding: 1px; color: #666; width: 890px; }  


							/*  L'en-tête Header */
#header 
{
	margin: 0 auto; 
	width: 820px;     
	height: 170px;
	background-color: #FFFFFF; 
	border: 0px solid #CCFFFF; 
	margin: 8px 2px 2px 10px; 
    padding: 4px; 
	color:#990000;
  	border-radius: 14px;  
}

#header  h3 { font-family: Verdana, 'BallparkWeiner', serif, Arial; font-size: 32px; line-height: 36px; letter-spacing:8px; font-weight: bold; margin: 8px 2px 2px 4px; padding: 2px 2px 2px 4px; color: #666; width:520px; text-align: center;}				
#header  h5   { font-family: Verdana, 'BallparkWeiner', serif,  Arial; display:table-cell; font-size: 15px; font-weight: normal; line-height: 16px; float:none; margin: 1px 2px 6px 4px; padding: 4px 10px 2px 4px; color: #666; width:820px; text-align: justify; }  
#header  h6 { font-size: 13px; font-weight: normal; display:table-cell; float:none; line-height: 18px; margin:2px 2px 1px 2px; padding: 0px; color: #666; width: 600px; }  


#navig_gauche 
{
    margin: 0 auto;
	width: 732px;
	height:18px;
	float: left;
    display: inline-block;
	background-color: #FFFFFF; 
	border : 0px solid #9EA0A1;
	margin: 4px 2px 1px 44px; 
    padding: 2px; 
    text-align: center;
	box-shadow: 0px 0px 2px 0px #165080;
    border-radius: 12px;
}


#navig_gauche .navig_gauche1
{
    margin: 0 auto;
	width: 154px;
	height:42px;
	float: left;
    display: inline-block;
	background-color: #FFFFFF; 
	border : 0px solid #9EA0A1;
	margin: 2px 2px 6px -36px; 
    padding: 2px 4px; 
    text-align: center;
    border-radius: 12px;
}

#navig_gauche .navig_gauche2
{
    margin: 0 auto;
	width: 118px; 
	height:42px;
	float: left;
    display: inline-block;
	border : 0px solid #9EA0A1;
	margin: 2px 2px 6px 2px; 
    padding: 2px 4px; 
    text-align: center;
    border-radius: 12px;
}

#navig_gauche .navig_gauche3
{
    margin: 0 auto;
	width: 138px;
	height:42px;
	float: left;
    display: inline-block;
	background-color: #FFFFFF; 
	border : 0px solid #9EA0A1;
	margin: 2px 2px 6px 2px; 
    padding: 2px 4px; 
    text-align: center;
    border-radius: 12px;
}

#navig_gauche .navig_gauche4
{
    margin: 0 auto;
	width: 108px;
	height:42px;
	float: left;
    display: inline-block;
	background-color: #FFFFFF; 
	border : 0px solid #9EA0A1;
	margin: -14px 14px 6px 22px; 
    padding: 2px 4px;
    text-align: center;
    border-radius: 12px;
}

#navig_gauche .navig_gauche5
{
    margin: 0 auto;
	width: 50px;
	height:42px;
	float: left;
    display: inline-block;
	background-color: #FFFFFF; 
	border : 0px solid #9EA0A1;
	margin: 2px 12px 6px -10px; 
    padding: 2px 4px;
    text-align: center;
    border-radius: 12px;
}

#navig_gauche .navig_gauche6
{
    margin: 0 auto;
	width: 110px;
	height:24px;
	float: left;
    display: inline-block;
	background-color: #FFFFFF; 
	border : 0px solid #9EA0A1;
	margin: 2px 8px 6px -10px; 
    padding: 2px 4px;
    text-align: center;
    border-radius: 12px;
}


#navig_gauche .navig_gauche1 .navig_gauche2 .navig_gauche3 .navig_gauche4 .navig_gauche5 .navig_gauche6  ul
{
	margin: 0 auto;
  	height:24px;
	float:none;
	background-color: #CCFFFF; 
	border : 0px solid #9EA0A1;
	margin: 6px 1px 1px 4px; 
    padding: 2px 4px; 
	list-style-type: none;
}

#navig_gauche   li 
{
    display: inline-block;
	background-color: #FFFFFF; 
    margin-right: 4px;
 }

#navig_gauche   a 
{
	display: inline-block;
	float:right;
	font-size:14px;
	background-color: #FFFFFF; 
	color: #181818;
	padding-bottom: 6px;
	text-align:center;
	text-transform:uppercase;
	margin:-14px 1px 1px 1px;
	padding:4px;
	text-decoration:none;
	border-left: 0em solid #165080;
	border-radius: 12px;
	transition: background 0.5s linear 0s;
}

#navig_gauche  a:link {background-color:#FFFFFF;  color: #009900;}
#navig_gauche  a:visited {background-color:#99FFFF; color: #999999;}
#navig_gauche  a:hover {background-color:#CCFFFF; color: #760001; border-bottom: 6px solid #760001;}
#navig_gauche  a:focus {background-color:#CCFFFF;  color: #333333;}
#navig_gauche  a:active {background-color:#CCFFFF; color: #009900;}


#navig_droite p { font-size: 16px; font-weight: normal; font-family: 'Trebuchet MS', Arial, Verdana, sans-serif; text-align: justify; color: #181818;  margin:14px 0 0 2px; padding:4px; } 
#navig_droite h6 { font-size: 12px; font-weight: normal; font-family: 'Trebuchet MS', Arial, Verdana, sans-serif; text-align: justify; color: #999999;  margin: 12px 1px 1px 6px; padding:4px; } 
#navig_droite   { position:absolute; width:82px; height:38px; z-index:1; overflow:visible; right: 190px; top: 190px;}

	

#haut
{
	margin: 0 auto;   
	width: 890px; 
	height: 450px;	
	background-color: #FFFFFF; opacity:0.96;
	display: inline-block;
	border: 0px solid #181818;
	margin:18px 0px 1px 6px;
	padding: 12px 0px 10px 0px;
	box-shadow: 0px 0px 0px 0px #165080;
    border-radius: 12px;
}

#haut h5 { font-size: 15px; font-weight: normal; float:left; margin: 4px 1px 1px 8px; color: #666; width: 330px; }



#titre_principal
{
   	width: 320px;
    height: 190px;	
	float: left;
    display: inline-block;
	vertical-align: top;
	vertical-align: top;
	border: 0px solid #181818;
	margin: 14px 12px 4px -314px;
	padding: 4px;
}

#titre_principal p  { font-size: 14px; line-height: 18px; font-weight: normal; text-align:justify;  margin: 34px 12px 8px -52px; padding: 0px 2px 2px 4px; color: #666; width: 304px; word-wrap: break-word; }		
#titre_principal h4{ font-size: 16px; line-height: 17px; font-weight: bold; text-align: center;  margin: -10px 1px 1px -84px; padding: 1px; color: #666; width: 450px; height: 20px; }
#titre_principal h5 { font-size: 14px; line-height: 18px; font-weight: normal; font-weight: bold;   text-align:center; margin: 8px 1px 2px 8px; color: #666; width: 290px; }
#titre_principal h6 { font-size: 12px; font-weight: normal; text-align:justify; float: none; margin: 4px 8px 0 -10px; color: #666; width: 350px; word-wrap: break-word; }  
#titre_principal h6 span{ font-size: 12px; font-weight: normal; float: left; margin: 4px 8px 0 -10px; color: #666; width: 350px; word-wrap: break-word; }  



.imageflottante 
{
    float: left;

}
#Log04
{
    text-align: justify;
}
#Log04 img
{
   	border: 8px inset #99FFFF; 
	margin-left: 6px;
	margin: -10px 2px 8px 14px;
	padding: 6px;
	border-radius: 8px;

}
#haut_droite
{
  	width: 530px;  
	height: 416px;
	float: right;
	display: inline-block;
	vertical-align: top;
	background-color: #ccd; 
    border: 0px solid #99FFFF; 
	margin: -236px 20px 4px 24px;
	padding: 4px;
	background-image: url(../images/pattern.png); 
    background-attachment: fixed;
    background-repeat: repeat;
    background-position: center;
	box-shadow: 0px 0px 0px 0px #165080;
    border-radius: 8px;
}


#em
{
	margin: 0 auto;   
	width: 346px;   
	height: 20px;
	text-align:center;
	background-color:#ccd;  opacity:0.86; 
    border: 0px solid #181818;
	margin:4px 1px 1px 4px;
	padding: 2px 1px 1px 2px;
	box-shadow: 0px 0px 0px 0px #165080;
    border-radius: 4px;
}
#em h1 { font-size: 26px; line-height: 30px; font-weight: bold;  width: 502px; letter-spacing:2px; float:none; margin: 2px 2px 4px -84px; padding: 0px 2px 2px 4px; background: #CCFFFF; color: #666;  border-radius: 4px; }
#em p { font-size: 14px; line-height: 18px; font-weight: normal; width: 498px; text-align:justify; float:left; margin: 2px 6px 10px -74px; padding: 2px 0px 1px 0px; color: #333; }		


#logo, header h1
{
    display: inline-block;
    margin-bottom: 0px;
}


h1 { font-size: 30px; font-weight: normal; margin-bottom: 10px;}
h2 { font-size: 24px; font-weight: normal; margin-bottom: 2px; color: #333; }
h3 { font-size: 18px; font-weight: normal; margin-bottom: 8px; color: #333; }
h4 { font-size: 14px; font-weight: normal; float: left; margin: 3px 0 8px; color: #666; width: 360px; }


#contact_form
{
	width:auto; 
	width:468px; 
	height:230px;
	margin:60px 8px 10px 6px;
	padding:10px 8px 10px 8px;
	border: 8px inset  #99FFFF; 
	background-color:#CCFFFF; 
	overflow:hidden;
    border-radius: 8px;
} 

#contact_form h5 { font-size: 15px; font-weight: normal; margin: 3px 4px 1px 24px; padding: 2px; color: #666; width: 408px; text-align:center;  }
#contact_form h6 { font-size: 13px; font-weight: normal; float: left; margin: 2px 1px 0 -8px; color: #666; width: 270px; text-align:justify; }  

:focus,:active { outline: 0; }

.x { clear: both; }

img { border: 0; }
	#contact_form p { font-size: 14px; line-height: 16px;  font-weight: normal; width: 496px;  margin: 2px 0px 2px 0px; padding: 2px;color: #666; text-align:justify; }
	#contact_form form { padding-left: 22px;}
	#contact_form label { float: left; display: inline-block; clear: both; padding: 4px 4px 8px 0px; color: #666; font-weight: normal; width: 240px; }
		#contact_form .lcurrent { font-weight: bold; }
	#contact_form label img { vertical-align: middle; }
	#contact_form input.text, textarea, select { float: left; margin: 0 4px 10px 0; padding: 4px; width: 290px; border: 1px solid #ccc; }
	#contact_form textarea { height: 120px; }
	#contact_form select { width: 310px; }
	#contact_form input.radio {  }
		#contact_form input:focus { border-color:#aaa; }
		#contact_form textarea:focus { border-color: #aaa; }	
	#contact_form .error { font-size: 18px; font-weight: bold; color: red; margin: 0 0 10px 70px; display: none; }
	#contact_form .submit { border: 0; background: #666; color: #fff; padding: 4px; float: right; margin-right: 54px; }


.post { position: relative; margin-bottom: 20px; height: 120px;}
.post-options { position: relative; margin: -37px 0 40px 0; font-size: 10px; color: #666; }

#contact-back { margin: 2px 40px 0 0; float: right; }


							/* Corps */
#section
 {
  	width: 860px;
	height: 170px;
	border: 0px solid #165080;
	background-color: #FFFFFF; opacity:0.96; 
	margin: 0 auto;
	margin: 4px 1px 1px -4px; 
	padding:4px; 
	border: 1px solid #99FFFF;
	box-shadow: 0px 0px 0px 0px #165080;
    border-radius: 14px;
}

#section  h3 { font-family: Verdana, Arial, Courier-New,  sans-serif; font-size: 16px; line-height: 16px; font-weight: normal; letter-spacing:0; margin: -18px 2px 4px 2px; padding: 6px 2px 12px 6px; width: 540px; height: 40px; color: #666666; background-color: #FFFFFF; word-wrap: break-word; } 
#section  h4 { font-size: 16px; line-height: 20px; font-weight: normal; text-align:  center; margin: -8px 2px 2px 4px; padding: 0px 1px 2px 4px; width: 850px; color: #666; overflow:auto; word-wrap: break-word;} 
#section  h5 { font-size: 17px; line-height: 22px; font-weight: normal; text-align: center; margin: 8px 2px 2px 4px; padding: 0px 1px 2px 4px; color: #666; width: 822px; overflow:auto; word-wrap: break-word; } 
#section  p { font-size: 13px; line-height: 19px; font-weight: normal; text-align: justify; margin: 2px 0px 2px 14px; padding: 0px 2px 12px 4px; color: #666; width: 808px; overflow:auto; word-wrap: break-word; } 
 


/* Accordeon Style pour le site accordeon*/
ul.accordion  {
    list-style:none;   
    position:absolute;
    right:84px;
    top:964px;
    font-family: Cambria, serif;
    font-size: 16px;
    font-style: italic;
    line-height: 1.2em;
}
ul.accordion li{
    float:right;
    width:120px;
    height:400px;
    display:block;
    border-right:8px solid #009999; 
    border-bottom:6px solid #ccd; 
    background-color: #ccd; 
    background-repeat:no-repeat;
    background-position:top;
    position:relative;
    overflow:hidden;
    cursor:pointer;
    box-shadow:1px 3px 15px #555;
}
ul.accordion li.bg1{
   background-image:url(../images/Log04.jpg);
}
ul.accordion li.bg2{
    background-image:url(images/logoftonet.gif);
}
ul.accordion li.bg3{
    background-image:url(images/FTO03.jpg);
}
ul.accordion li.bg4{
    background-image:url(images/Log04.gif);
}
ul.accordion li.bleft{
border-left:2px solid #fff;
}
ul.accordion li .heading{
	background-color:#fff;
	margin:2px; 
	padding:4px;
	margin-top:140px;
	opacity:0.9;
	text-transform:uppercase;
	font-style:normal;
	font-weight:bold;
	letter-spacing:1px;
	font-size:14px;
	color:#444;
	text-align:center;
	text-shadow:-1px -1px 1px #ccc;
}
ul.accordion li .description{
	position:absolute;
	width:480px;
	height:310px;
	bottom:14px;
	padding:0px 8px 0 8px;
	display:none;
}
ul.accordion li .description h2{
	text-transform:uppercase;
	font-style:normal;
	font-weight:bold;
	letter-spacing:1px;
	font-size:22px;
	color:#444;
	text-align:justify;
	word-wrap: break-word;
	margin:2px 8px 15px 18px;
	text-shadow:-1px -1px 1px #ccc;
}
ul.accordion li .description p{
	line-height:17px;
	margin:8px 12px 0 2px;
	font-family: 'Trebuchet-MS', arial, verdana, sans-serif;
	font-size: 15px;
	font-style: italic;
	text-align: justify;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: break-word;
	overflow:auto;
}
ul.accordion li .description a{
	position:absolute;
	bottom:10px;
	left:36px;
	text-transform:uppercase;
	font-style:normal;
	font-size:16px;
	text-decoration:none;
	color:#888;
}
ul.accordion li .description a:hover{
	color:#333;
	text-decoration:underline;
}
ul.accordion li .bgDescription{
	background:transparent url(../images/bgDescription.png) repeat-x top left;
	height:340px;
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	display:none;
}