/* CSS Document */

body
{
	margin:0;
	background:url(../images/background.jpg) repeat-x #333333;
	font-family: "Trebuchet MS", Arial;
}

.sep
{
	margin:0;
}
.sep ul
{
	margin:0;
}
.sep li 
{
	border-top:1px solid #ccc;
}

h1,h2,h3,h4,h5,h6
{
	margin:0;
	padding:0;
}
	
ol
{
	margin:0 0 0 15px;
	padding:0;
}

ol li
{
	list-style-type:decimal !important;
	list-style-position: inside;
}

#conteneur
{
	width:1000px;
	margin:auto;
	background:#fff url(/images/fond_frame.png) repeat-y;
	position:relative;
}

#ligneverte
{
	clear:both;
	width:auto;
	height:2px;
	background:#00A261;
}

#header
{
	clear:both;
	width:auto;
	height:82px;
	position:relative;
	background:#F6F5F3;
	line-height : 0px;
}

#slogan
{
	position:absolute;
	background:url(/images/slogan.png) no-repeat;
	top:24px;
	left:10px;
	width:642px;
	height:27px;
}

#logo
{
	position:absolute;
	right:10px;
	top: 15px;
}

h1 span
{
	display:none;
	margin:0;
}
#menu
{
	clear:both;
	background:#0060C0;
	height:45px;
	width:auto;
}
#retourhomepage
{
	width:32px;
	height:32px;
	float:left;
	margin:6px;
}
#menu ul
{
	margin:0;
	padding:0;
	float:left;
	width:auto;
}
#menu li
{
	float:left;
	list-style-type:none;
	font-size: 16px;
	text-transform: uppercase;
	white-space:nowrap;
}

#menu li a
{
	float:left;
	list-style-type:none;
	color: #FFFFFF;
	text-decoration:none;
	padding:10px 13px 9px 13px;
	display:block;
}
#menu li a:hover, .current, .current a, .current a:hover
{
	background:#0052A4 !important;
	display:block;
}

#sousmenu
{
	clear:both;
	background:#0052A4;
	height:35px;
	width:auto;
	border-bottom:1px solid #00A261;
}

#sousmenu ul
{
	margin:0 0 0 10px;
	padding:0;
}

#sousmenu li
{
	float:left;
	list-style-type:none;
	font-size: 15px;
	padding:0 10px 0 10px;
	margin-top:5px;
	margin-bottom:5px;
	border-right:1px solid #276BAF;
}

#sousmenu li a
{
	color:#FFFFFF;
	text-decoration:none;
}

#sousmenu li a:hover
{
	color:#FFFFFF;
	text-decoration: underline;
}

.sousmenuExtend
{
	height:70px !important;
}

#photohomepage
{
	background:url(../images/photo_homepageWide.jpg) no-repeat;
	clear:both;
	height:198px;
	width:1000px;
}

#photohomepage h1
{
	text-align: center;
	font-weight: bold;
	font-size: 26px;
	color: #244061;
}


#photohomepage h2
{
	text-align: center;
	font-size: 26px;
	color: #244061;
}

#whoAreYou
{
	background:#F3EFED;
	margin-left: 70px;
	margin-right: 70px;
	padding-left: 30px;
	padding-right: 30px;
	font-weight: bold;
}

#whoAreYou h1
{
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}

#BlocGauche
{
	width:270px;
	float:left;
	background:#F3EFED;
}

#BlocGauche h1
{
	font-size: 16px;
	background:#0060C0;
	color: #FFFFFF;
	padding:5px;
}

#BlocGauche h2
{
	margin:10px;
	color: #244061;
	font-weight: bold;
	font-size: 16px;
	margin-bottom:10px;
}

#BlocGauche p
{
	margin:10px;
	color: #244061;
	font-size: 14px;
	margin-bottom:10px;
}

#BlocGauche a
{
	text-decoration:none;
}

#BlocGauche a:hover
{
	text-decoration:underline;
}



#button a
{
	display:block;
	width:150px;
	height:33px;
	text-align: center;
	background:url(../images/buttonOff.png) no-repeat;
	color:#FFFFFF;
	text-transform: uppercase;
	text-decoration:none;
	margin-bottom:10px;
	margin-left:60px;
}

#button a:hover
{
	background:url(../images/buttonOn.png) no-repeat;
}

#BlocGauche p span
{
	font-size: 10px;
	font-weight: bold;
	color:#0071B4;
}

#BlocGauche p span a
{
	font-size: 10px;
	font-weight: bold;
	color:#000;
	text-decoration:none !important;
}

#BlocGauche p span a:hover
{
	color:#01A262;
}

.logoListe
{
	padding:0;
	margin:0 !important;
}

.logoListe ul, .logoListe p ul
{
	margin:0 !important;
	padding:0 !important;
}

.logoListe li, .logoListe p li
{
	list-style-type:none !important;
	margin:0 !important;	
	height:46px !important;
	line-height:46px !important;
	padding-left:80px !important;
}

#content
{
	background:url(../images/fond_content.jpg) repeat-x;
	float:left;
	width:710px;
	padding:10px;
	position:relative;
}


#bloctexte
{
	font-size: 16px;
	color: #000000;
	width:auto;
	margin:5px;
}

#bloctexte h1
{
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	color: #244061;
	text-transform: uppercase;
}

#bloctexte h2
{
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 5px;
	font-size: 18px;
	color: #01A262;
}

#bloctexte h3
{
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left:15px;
	font-size: 16px;
	background: #C8E4F2;
	color: #000000;
}

#bloctexte h4
{
	margin-top: 14px;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	color: #FF0000;
}

#bloctexte h5
{
	
}

#bloctexte td
{
	font-weight: normal;
	font-size: 16px;
	color: #244061;
}

#bloctexte p
{
	font-weight: normal;
	font-size: 16px;
	color: #244061;
	margin-top: 5px;
	margin-bottom: 2px;
}

#bloctexte li
{
	list-style-type:none;
	background:url(../images/fleche.png) no-repeat 0 5px;
	padding-left:15px;
	font-weight: normal;
	font-size: 16px;
	color: #244061;
	margin-top: 5px;
}

#bloctexte a
{
	font-weight: bold;
	font-size: 18px;
	color: #0052A4;
	
}

#bloctexte a:hover
{
	text-decoration:none;
}


#outils
{
	margin:0;
	padding:0;
	height:30px;
	position:absolute;
	right: 15px;
	top: 12px;
	border-bottom:1px solid #fff;
}

#space35px
{
	clear:both;
	width:auto;
	height:35px;
}

#outils ul
{
	margin:0;
	padding:0;
}
	
#outils li
{
	float:left;
	list-style-type:none;
	margin-right:5px;
}

#outils li a
{
	border:none;
}

#newsletter
{
	height:30px;
	width:310px;
	margin-bottom:30px;
	position:absolute;
	right:338px;
	top: 1px;
	background:#C8E4F2;
	padding:5px;
	font-size: 12px;
	white-space:nowrap;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}

#diaporama
{
	width:270px;
	background:#fff;
}

.pdf
{
	background:url(../images/pdf.png) no-repeat;
	padding-left:20px;
	font-size: 11px;
	color: #B73232;
	margin:10px;

	width:auto;
}

.pdf a
{
	color: #B73232;
}

.pdf a:hover
{
	text-decoration:none;
}

.formulaire
{
	font-size: 11px;
}

.formulaire td
{
	padding:3px;
}

.formulaire input
{
	border:1px solid #ccc;
	padding:3px;
	font-size: 11px;
	color: #666666;
}		
		
#footer
{
	width:990px;
	padding-left:10px;
	height:45px;
	clear:both;
	margin:3px auto 0 auto;
	background:#01A262;
	font-size: 11px;
	color: #FFFFFF;
}

#footer a
{
	color: #FFFFFF;
}

#footer a:hover
{
	text-decoration:none;
	color: #FFFFFF;
}


#quicklinks
{
	width:auto;
	background:#fff;
	border:1px solid #ccc;
	padding:10px;
	margin-top:15px;
}

#quicklinks ul
{
}

#quicklinks li
{
	list-style-type:inherit !important;
}

#quicklinks li a
{
	color:#000000;
}

#quicklinks li a:hover
{
	text-decoration:none;
}

.retourtop
{
	width:30px;
	height:30px;
	float:right;
}
	
.image
{
	margin:0;
}

.image img
{
	float:right;
}
	
.BoutonId
{
	font-size: 13px;
	font-weight: bold;
	margin-bottom:20px;
}

.BoutonId a
{
	color:#FFFFFF !important;
	text-align:center;
	text-decoration:none;
	background:#0055A5;		
	padding:4px;
}

.BoutonId a:hover
{
	color:#FFFFFF;
	background:#00A261;
}

#medium_box
{
	display:none;
}