@charset "UTF-8";

/* GENERAL */ 

html {
font-size: 100%;
} 

body {	
	background: #000000;
	color: #000000;
	text-align: center;
	margin: 0px;
	font: normal lighter 0.8em/1.3em Arial, sans-serif;
}

* {
	margin: 0px;
	padding: 0px;
}

* , a {
	text-decoration: none;
}

a {
	color: #3f94a4;
}

a:hover {
	text-decoration: underline;
}

* img, *  a img  {
	border: none;
}

strong {
	font-weight: 600;
}

h1 {
	margin: 0.5em;
	font: normal 600 1.3em/1.5em Lucida Sans, Tahoma, Arial, sans-serif;
}

h2 {
	margin: 0.5em;
	font: normal 600 1.1em/1.2em Lucida Sans, Tahoma, Arial, sans-serif;
}

h3 {
	margin: 0.5em;
	font: normal 600 1em/1em Lucida Sans, Tahoma, Arial, sans-serif;
}

h4, h5, h6 {
	margin: 0.5em;
	font: normal lighter 1em Lucida Sans, Tahoma, Arial, sans-serif;
}

hr {
	margin: 15px auto 25px auto;
	padding: 0px;
	height: 13px;
	background: url(../images/common/bg-hr-main.gif) center center no-repeat;
	border: 0px solid #FFFFFF;
	color: #FFFFFF;
}

p {
	margin: 0.5em;
}

.clearboth {
height:0;
line-height:0;
display: block;
visibility: hidden;
clear: both;
margin:0px;
padding:0px;
}



/* BLOCK */ 

div#container {
	background: url(../images/common/bg-container.gif) repeat-x #329baf;
	text-align: center;
	display: block;
}


div#container * {
	text-align: left;
}

div#container #content {
	background: url(../images/common/bg-content.gif) bottom center repeat-x;
	text-align: center;
	padding-top: 176px;
}
	
div#container  div#page-header {
	position: absolute;
	text-align: center;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 146px;
	background: url(../images/common/bg-header.jpg) top center no-repeat;
}

div#container  div#page-header div#header {
	position: relative;
	margin: 0px auto;
	width: 980px;
	overflow: hidden;
	height: 146px;
}

div#main {
	position: relative;
	margin: 0px auto;
	width: 980px;
	overflow: hidden;
}

#page-header h1, #page-header h2, #page-header p.intitule, #page-header p.chapeau, #page-header ul, #page-header p.slogan {
	text-align: left;
	margin-left: 130px;
	width: 375px;
}


#page-header h1, #page-header p.intitule {
margin-top: 25px; 
font: normal 600 11pt/13pt Lucida Sans, Tahoma, Arial, sans-serif;
color: #d32433;
}

#page-header h1 span {
color: #000000;
}

#page-header p.slogan {
font: normal 600 13pt/21pt Lucida Sans, Arial, sans-serif;
color: #000000;
letter-spacing: 2px;
margin-left: 125px;
margin-bottom: 0px;
}

#page-header h2, #page-header p.chapeau {
font: normal 600 8pt/11pt Lucida Sans, Tahoma, Arial, sans-serif;
text-align: justify;
}

#page-header p.chapeau strong {
font: normal 600 9pt/11pt Lucida Sans, Tahoma, Arial, sans-serif;
}



#page-header img.logo {
	position: absolute;
	left: 0px;
	top: 10px;
}

div#container div#block-nav {
	position: absolute;
	left: 0px;
	top: 146px;
	width: 100%;
	height: 30px;
	z-index: 9;
	text-align: center;
}

#top-nav {
	background: url(../images/common/bg-top-nav.jpg) top center no-repeat;
	margin: 0px auto;
	width: 980px;
	height: 30px;
	z-index: 9;
}

ul#nav {
	background: url(../images/common/bg-nav.jpg) top center no-repeat;
	height: 30px;
	z-index: 9;
}

div#main {
	background: url(../images/common/bg-main.gif) bottom right no-repeat;
}
	
div#container div#mainsection {
	background: url(../images/common/bg-main-section.gif) top center repeat-x #ffffff;
	color: #000000;
	float: left;
	width: 750px;
	text-align: center;
	overflow: hidden;
	padding-bottom: 10px;
}



div#container #aside-content {
	float: left;
	width: 230px;
	text-align: center;
	overflow: hidden;
}

#page-footer  {
	background: #000000;
	margin: 0;
	width: 100%;
	display: block;
	overflow: hidden;
	padding: 15px 0px;
}

	
#top-nav:after, #aside-content:after, div#main:after, div#container:after, #mainsection:after,   {
	clear: both;
	display: block;
	content: " ";
}

/* FIN BLOCK */ 

/* NAV ELEMENTS */ 

#nav, #nav ul {
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
width: 750px;
line-height: 30px;
height: 30px;
z-index: 9;
}


#nav a {
font: 600 8pt/30px Arial, sans-serif;
background: url(../images/common/bg-nav-a.gif) top left no-repeat;
display: block;
padding:0px 6px 0 20px;
color:#fff;
text-decoration:none;
height: 30px;
text-align: center;
z-index: 9;
}

#nav a:hover, #nav a.selected, #nav a.lirubover  {
background: url(../images/common/bg-nav-a.gif) bottom left no-repeat;
color: #d32433;
}


#nav  li {
z-index: 9;
float:left;
width: auto;
position: relative;
}

#nav > li {
padding-right: 14px;
background: url(../images/common/bg-nav-li.gif) top right no-repeat;
}

#nav > li:hover, #nav > li.rubover, #nav > li.rubselect  {
padding-right: 14px;
background: url(../images/common/bg-nav-li.gif) bottom right no-repeat;
}

#nav ul {
z-index: 99;
position:absolute;
display:none;
width: 20em;
top: 30px;
}

#nav li ul li {
width: 20em;
}

#nav li ul li a {
z-index: 99;
font: 500 8pt/1.2em Arial, sans-serif;
text-align: left;
border-top: 1px solid #5e5e5e;
background: url(../images/common/bg-nav-liste-a.png) center center repeat;
color:#FFFFFF;
height: auto;
padding: 5px;
}

#nav li ul a:hover, #nav li ul a.selected {
background: #454545;
color: #87E4F6;
}

#nav li ul ul {
top: 0px;
left: 20em;
margin:0px 0 0 0px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display: none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display: block;
}


div#container div#block-nav div.sous-rubrique {
	margin:0 auto;
	width: 980px;
	height: 30px;
}

div#container div#block-nav div.sous-rubrique ul, div#container div#block-nav div.sous-rubrique ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: inline;
	height: 30px;
}

div#container div#block-nav div.sous-rubrique ul {
	width: 750px;
	background: url(../images/common/bg-nav-sous-rubrique.jpg) top center no-repeat;
	display: block;
	height: 30px;
}
div#container div#block-nav div.sous-rubrique ul li {
	margin: 0px 10px;
	padding: 0px 5px;
	font: normal lighter 8pt/30px Arial, sans-serif;
}

div#container div#block-nav div.sous-rubrique ul li a {
	text-decoration: none;
	color: #FFFFFF;
}

div#container div#block-nav div.sous-rubrique ul li a:hover {
	text-decoration: none;
	color: #87e4f6;
}

div#container div#block-nav div.sous-rubrique ul li a.selected  {
	text-decoration: none;
	color: #D32433;
}

/* NAV ELEMENTS */ 

/* FIN CONTAINER ELEMENTS */ 



/* MENU ACCORDEON SIDE CONTENT */
#accordion {
	margin: 0px auto;
	margin-bottom: 80px;
	text-align: left;
	width: 208px;
	border: 0px solid #ffffff;
	color: #FFFFFF;	
}

/* accordion header */
#accordion h2 {
	font: 600 0.9em/1.2em Lucida Sans,Tahoma,Arial,sans-serif;
	background: url(../images/common/bg-titre-accordeon-side.gif) top center no-repeat #646464;
	margin: 5px 0 0 0;
	padding: 5px 15px;
	cursor:pointer;	
	font-weight: 600;
	border: 1px solid #ffffff;
	-moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    border-radius: 8px;         
}

/* currently active header */
#accordion h2.current {
	-moz-border-radius: 8px 8px 0 0; 
    -webkit-border-radius: 8px 8px 0 0; 
    border-radius: 8px 8px 0 0;         
    -webkit-border-top-left-radius: 8px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 8px; /* pour Chrome */ 
	cursor:default;
	color: #87e4f6;
	border-bottom:0px solid #ffffff;
}


#accordion h3 {
	color: #d32433;
}

/* accordion pane */
#accordion div.pane {
	background: url(../images/common/bg-contenu-accordeon-side.gif) top right repeat-y #000000;
	display:none;
	padding: 6px 10px;
	border:1px solid #ffffff;
	-moz-border-radius: 0 0 8px 8px; 
    -webkit-border-radius: 0 0 8px 8px; 
    border-radius: 0 0 8px 8px;          
    -webkit-border-bottom-left-radius: 8px; /* pour Chrome */ 
    -webkit-border-bottom-right-radius: 8px; /* pour Chrome */ 
	border-top: 0px;	
}

div#container  #accordion div.pane p {
	margin: 5px;
	text-align: justify;
	font: normal lighter 8pt/12pt Arial, sans-serif;
}

div#container  #accordion div.pane p img.PaneImageGauche {
	float: left;
	margin: 0px 15px 0px 0px;
}
div#container  #accordion div.pane p strong {
color: #D32433;
}

#accordion div.pane h3 {
	margin: 5px;
	font: normal 600 8pt/12pt Arial, sans-serif;
}

#accordion div.pane ul {
	margin: 0.5em
	padding: 0px;
	list-style-position:inside;
	text-align: justify;
	font: normal lighter 8pt/10pt Arial, sans-serif;
}

#accordion div.pane ul li {
	margin: 5px 0px;
}

#accordion div.sliding {
	background: url(../images/common/bg-contenu-accordeon-side-sliding.gif) top right repeat-y #000000;
}


/* HEADER SLIDE */
#diaporamaheader {
	position:absolute;
	top: 18px;
	left: 521px;		
	height: 92px;
	width: 456px;
}

div#container p.legendediaporama {
	position: absolute;
	top: 122px;
	left: 540px;		
	width: 456px;
	margin: 0px;
	padding: 0px;
	font: normal lighter 10pt/12pt Arial, sans-serif;
	letter-spacing: 3px;
}

div#container p.legendediaporama  strong, p.legendediaporama  span.red {
	font: normal 600 9pt/11pt Arial, sans-serif;
}

#diaporamaheader ul.slideimages {
	position:relative;	
	height: 92px;
	width: 456px;
	list-style: none;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}	


/* single slide */
#diaporamaheader ul.slideimages li {
	margin: 0px;
	padding: 0px;
	display: inline;
	position: absolute;	
	height: 92px;
	width: 456px;
	top: 0;
	left: 0;
	list-style: none;
	background: url(../images/common/espaceur.gif) repeat;
}

#diaporamaheader ul.slideimages li img {
 margin-left: 15px;
 border: none;
}


/* MAIN CONTENT CONATAINER 1 BLOCK1 */

div#container div#containerunecolonne {
	margin: 10px auto;
	width: 728px;
	background: url(../images/common/bg-mainsection-encart1-content.gif) top center repeat-y;
	text-align: center;
	overflow: hidden;
}

div#container div.blocktop {
	margin: 0px;
	width: 728px;
	height: 11px;
	background: url(../images/common/bg-mainsection-encart1-haut.gif) top center no-repeat;
}

div#container div.blockcontent {
	margin: 0px;
	width: 728px;
	height: 110px;
	text-align: center;
	overflow: hidden;
}

div#container div.blockcontent ul#diapoblock {
	position: relative;	
	width: 728px;
	height: 110px;
	list-style: none;
	margin: 0px;
	padding: 0px;	
}

div#container div.blockcontent ul#diapoblock li {
	margin: 0px;
	padding: 0px;
	display: block;
	position: absolute;	
	width: 708px;
	height: 110px;
	top: 0px;
	left: 0px;
	list-style: none;
	text-align: left;
}

div#container ul#diapoblock li img {
	float: right;
	margin: 0 0 10px 15px;
	border: 3px solid #7b7b7b;
}

div#container ul#diapoblock li img:hover {
	border: 3px solid #3f94a4;
	cursor: pointer;
}

div#container ul#diapoblock li h2 {
	background: url(../images/common/puce-h2-diapoblock1.gif) left center no-repeat;
	color: #d32433;
	margin: 0 0 5px 15px;
	padding: 0 0 0 25px;
	line-height: 20px;
}

div#container ul#diapoblock li h2 a {
	color: #d32433;
	z-index: 0;
}

div#container ul#diapoblock li h3 {
	color: #3f94a4;
	margin: 10px 0 5px 15px;
	padding: 0px;
}

div#container ul#diapoblock li h3 a {
	color: #87E4F6;
	z-index: 0;
}


div#container ul#diapoblock li p {
	text-align: justify;
	color: #FFFFFF;
	margin: 5px 0 0 15px;
	padding: 0px;
}


div#container div.blockfooter {
	margin: 0px;
	text-align: right;
	height: 22px;
	width: 728px;
	background: url(../images/common/bg-mainsection-encart1-footer.gif) bottom center no-repeat;
	overflow: hidden;
}

div#container p.navblockcontent {
	padding: 0px 10px;
	margin: 0px;
	line-height: 22px;
	vertical-align: middle;
	text-align: right;
}

div#container p.navblockcontent img {
	margin: 5px;
	cursor: pointer;
}


div#container div.containerdeuxcolonne {
	margin: 10px auto; 
	width: 728px;
}

div#container div.containerdeuxcolonne div.colonnegauche {
	background: url(../images/common/bg-colonne-container.gif) top right repeat-y #FFFFFF;
	width: 358px;
	border: 1px solid #b2b2b2;
	-moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    border-radius: 8px; 
	float: left;
	min-height: 180px;
}

div#container div.containerdeuxcolonne div.colonnedroite {
	background: url(../images/common/bg-colonne-container.gif) top right repeat-y;
	width: 358px;
	border: 1px solid #b2b2b2;
	-moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    border-radius: 8px; 
	float: right;
	min-height: 180px;
}

div#container div.containerdeuxcolonne div h2 {
	background: url(../images/common/puce-h2-col-main.gif) left center no-repeat;
	color: #d32433;
	margin: 10px;
	padding: 0 0 0 25px;
	line-height: 20px;
}

div#container div.containerdeuxcolonne div h2 a {
	color: #d32433;
	z-index: 0;
}

div#container div.containerdeuxcolonne div h3 {
	color: #555555;
	margin: 5px 10px;
	padding: 0px;
}

div#container div.containerdeuxcolonne div h3 a {
	color: #555555;
	z-index: 0;
}


div#container div.containerdeuxcolonne div p {
	text-align: justify;
	color: #000000;
	margin: 5px 10px;
	padding: 0px;
}

div#container div.containerdeuxcolonne div p img {
margin-top: 5px;
}

div#container div.containerdeuxcolonne div p.lienart {
	margin: 5px 10px;
	padding: 0px;
	text-align: right;
}

div#container div.containerdeuxcolonne div p.lienart a {
	font-weight: 600;
	color: #3f94a4;
}

div#container div.contentsection {
	margin: 10px auto;
	width: 728px;
	text-align: left;
}


div#container div.contentsection p#fildariane {
text-align: right;
}

div#container div.contentsection h1 {
	background: url(../images/common/puce-h2-col-main.gif) left 2px no-repeat;
	color: #d32433;
	margin: 10px 10px 5px 10px;
	padding: 0 0 0 25px;
}
div#container div.contentsection h2 {
	color: #555555;
	margin: 5px 10px;
	padding: 0px;
}

div#container div.contentsection h2 span {
	font: normal 500 0.9em/1.1em Lucida Sans, Tahoma, Arial, sans-serif;
}

div#container div.contentsection h3 {
	background: url(../images/common/puce-h3-contentsection.gif) left top no-repeat;
	color: #000000;
	margin: 10px 10px 0px 10px;
	padding: 0px;
	padding: 0 0 0 25px;
	line-height: 15px;
}

div#container div.contentsection p {
	text-align: justify;
	margin: 10px;
	padding: 0px;
}

div#container div.contentsection h3 + p {
	margin-top: 5px;
}

div#container div.contentsection p + h3 {
	margin-top: 15px;
}

div#container div.contentsection ul {
	margin: 5px 10px 10px 35px;
	padding: 0px;
	list-style-position: outside;
	list-style: disc;
	text-align: left;
}

div#container div.contentsection ol {
	margin: 5px 10px 10px 35px;
	padding: 0px;
	text-align: left;
}

div#container div.contentsection ul li, div#container div.contentsection ol li {
	text-align: left;
	margin: 5px 0px;
}

div#container div.contentsection div.blockliensannexes {
	margin: 20px 0px 15px 0;
	background: url(../images/common/bg-colonne-container.gif) top right repeat-y #FFFFFF;
	width: 728px;
	border: 1px solid #b2b2b2;
	-moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    border-radius: 8px; 
}

div#container div.contentsection div.blockliensannexes h3 {
	background: none;
	color: #000000;
	margin: 10px;
	padding: 0px;
	padding: 0px;
}

div.contentsection div.blockliensannexes ul {
	margin: 5px;
	padding: 0px;
	list-style-position: outside;
	list-style: disc;
	text-align: left;

}

div.contentsection div.blockliensannexes ul li {
	text-align: left;
	margin: 5px 0px;
}


div.contentsection div.logospartenaires div {
	float: left;
	margin: 8px;
	width: 129px;
	height: 129px;
}

div.contentsection div.logospartenaires div a {
	border: 4px solid #b2b2b2;
	width: 125px;
	height: 125px;
	display: block;
}

div.contentsection div.logospartenaires div a:hover {
	border: 4px solid #D32433;
}

div.pane div.logospartenaires div {
	float: left;
	margin: 0px;
	width: 62px;
	height: 62px;
}

div.pane  div.logospartenaires div a {
	border: 1px solid #000000;
	width: 60px;
	height: 60px;
	display: block;
	background: #FFFFFF;
}

div.pane  div.logospartenaires div a:hover {
	border: 1px solid #D32433;
}

/* THUMBVIEWER */

div#container  div.thumbviewer {
	width: 260px;
	margin: 0px 0px 15px 15px;
	float: right;
	text-align: center;
}

div#container div.mainView {
	width: 260px;
}

div#container div.mainView img {
	width: 250px;
	height: 250px;
	border: 5px solid #b2b2b2;	
}

div#container div.mainView img:hover {
	border: 5px solid #D32433;
}

div#container div.mainView p.legende {
	margin: 4px 5px 10px 5px;
	padding: 0px;
	text-align: left;
	font: normal 500 8pt/11pt Arial, sans-serif;
}

div#container div.thumb {
	margin: 5px auto;
	width: 255px;
	text-align: center;
}		

div#container div.thumb ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 255px;
}

div#container div.thumb ul  li {
	margin: 2px;
	padding: 0;
	float: left;
	width: 81px;
	height: 81px;
}

div#container div.thumb ul  li a {
	display: block;
	width: 75px;
	height: 75px;
	border: 3px solid #b2b2b2;	
}

div#container div.thumb ul  li a:hover {
	border: 3px solid #D32433;
}




/* HEADER SLIDE */
#diaporamaheader {
	position:absolute;
	top: 18px;
	left: 521px;		
	height: 92px;
	width: 456px;
}

div#container p.legendediaporama {
	position: absolute;
	top: 122px;
	left: 540px;		
	width: 456px;
	margin: 0px;
	padding: 0px;
	font: normal lighter 10pt/12pt Arial, sans-serif;
	letter-spacing: 3px;
}

div#container p.legendediaporama  strong, p.legendediaporama  span.red {
	font: normal 600 9pt/11pt Arial, sans-serif;
}

/* diaporama main rub */

div#container div.diaporamamainrub  {
	height: 150px;
	width: 150px;
	float: right;
	margin: 0 0 10px 15px;
	border: 5px solid #B2B2B2;
}


div#container div.diaporamamainrub ul {
	position:relative;	
	height: 150px;
	width: 150px;
	list-style: none;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}	


div#container div.diaporamamainrub  ul li {
	margin: 0px;
	padding: 0px;
	display: inline;
	position: absolute;	
	height: 150px;
	width: 150px;
	top: 0;
	left: 0;
	list-style: none;
}

div#container div.diaporamamainrub  ul li img {
	border: none;
}


/* FOOTER ELEMENTS */

#page-footer  {
	position: relative;
	height: 160px;
	background: url(../images/common/bg-footer-block-heures.jpg) right 25px no-repeat #000000;
}


div#page-footer div.adresse {
	text-align: left;
	width: 950px;
	margin: 0 auto;
}

div#page-footer div.adresse h2 {
	color: #FFFFFF;
}

div#page-footer div.adresse h2 span {
	color: #D32433;
}

div#page-footer div.adresse p {
	color: #FFFFFF;
	width: 200px;
	float: left;
	font: normal 500 9pt/11pt Arial, sans-serif;
}

div#page-footer div.adresse p strong {
	color: #D32433;
	font-weight: 600;
}

#page-footer div.hourefrance {
	position: absolute; 
	top: 36px;
	right: 210px;
	width: 99px;
	font: normal 600 8pt/10pt Arial, sans-serif;
	color: #FFFFFF;
	text-align: center;
	border: 0px solid #ffffff;
}

#page-footer div.hourechine {
	position: absolute; 
	top: 50px;
	right: 18px;
	width: 99px;
	font: normal 600 8pt/10pt Arial, sans-serif;
	color: #FFFFFF;
	text-align: center;
	border: 0px solid #ffffff;
	
}

#page-footer div.hourefrance input, #page-footer div.hourechine input {
	 border: none;
	 background: none;
	 color: #FFFFFF;
	 border: 0px solid #ffffff;
	 width: 99px;
 	text-align: center;
	font: normal 600 8pt/10pt Arial, sans-serif;
} 

#page-footer div.hourefrance form, #page-footer div.hourechine form  {
 margin: 0px;
 padding: 0px;
} 

.textecentre, div#container div.contentsection p.textecentre  {
	text-align: center;
}

span.red {
	color: #D32433;
}

.floatextleft {
	float: left;
	margin: 0 15px 15px 0;
}

div#container div.contentsection  p.textealignemtdroite {
	text-align: right;
}

.minivisuelgauche {
	float: left;
	margin: 10px 15px 15px 5px;
	border: 3px solid #B2B2B2
}

.valignmtcentre {
vertical-align: middle;
}

div.pane  img.floatextleft {
	margin: 0 10px 40px 0;
}

div#container  div.contentsection  p.lienpdf, div#container  div.contentsection  p.lienpdf img {
text-align: left; 
vertical-align: middle;
}

/* FORMULAIRE */ 

div.formulaire {
padding: 10px;
}

div#container div.formulaire label {
float: left;
width: 150px;
padding-right: 10px;
text-align: right;
font-weight: 600;
}

.msgerror {
margin: 0px 0px 0px 160px;
padding-top: 10px;
display: block;
font: normal bold 9pt Arial, sans-serif;
}


.msgerror  {
color:#FA6D51;
}

div.formulaire input {
 width: 450px;
}

div.formulaire input, div.formulaire textarea, div.formulaire select {
border: 1px solid #B2B2B2;
color: #312626;
}

div.formulaire input:focus, div.formulaire textarea:focus, div.formulaire select:focus {
background-color:#e6e6e6;
border: 1px solid #D32433;
color: #000000;
}

div#container div.formulaire input[type|="submit"] {
	font-size: 8pt;
	font-weight: 600;
	background-color: #D32433;
	color: #ffffff;
	width: 100px;
	text-align: center;
	margin-top: 10px;
}