@charset "utf-8";
* {margin:0; padding:0; text-decoration:none}
body {
	text-align:center;
	background:#00131e url(../images/ui/fond.png) repeat-x;
	font-family:Arial, Helvetica, sans-serif;

}
h1,h2,h3,h4 {font-weight:bold;color:#004f80}
h3,h4 {font-weight:bold;color:#333}
h1 {font-size:1.4em;margin:5px 0 18px 0;}
h2 {font-size:1.15em;margin:12px 0 5px 0;color:#555}
h3 {font-size:1em;}
h4 {font-size:0.9em;}
p {
	font-size:0.9em;
	padding:0;
	clear:both;
	margin:12px 0 6px;
}
.bloc p {
	margin:12px 12px 6px;
}

#reponse {
	height:16px;
	margin:10px 0;
	display:inline-block
}
#reponse p {
	color:#004f80;
	margin:0;
}
#reponse p span {
	display:inline-block;
	height:16px;
	width:16px;
	margin:0 10px 3px 2px;
	vertical-align:middle;
}
#reponse p.succes {
	color:#009b00;
}
#reponse p.erreur {
	background:#f8e58b;
	border:1px solid #960;
	color:#333;
}
#reponse p.load span{
	background:url(../images/ui/ajax-loader.gif) no-repeat center left;
}
#reponse p.erreur span{
	background:#f8e58b url(../images/ui/sprite.png) no-repeat -325px -80px;
}
#reponse p.succes span{
	background:url(../images/ui/sprite.png) no-repeat -341px -80px;
}
#contact fieldset {
	border:none;
}
#contact legend {
	display:none;
}
#contact textarea {
	height:100px;
	width:558px;
	max-height:600px;
	min-height:100px;
	max-width:558px;
	min-width:558px;
}
#objet {
	width:558px;
}
.bold{font-weight:bold}
em{font-weight:bold;color:#004f80;}
label { width: 5em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
#objet + label.error, #message + label.error{
	padding-left: 92px;
}
#envoi {
	margin: 5px 5px 5px 92px;
}
.submit { margin-left: 12em; }
#contact em {font-weight: bold; padding-right:10px; vertical-align: top; color:red}
a {
	color:#004f80;
	text-decoration:underline;
}
a:hover {
	color:#73a6de;
}

a:visited:hover {
	color:#73a6de;
}

img {
	border:none;
}

p.RBQ {
	font-weight:bold;
	font-size:0.9em;
	line-height:1em;
	margin:20px 12px 10px;
}

#global {
	width:1010px;
	position:relative;
	margin: 0 auto;
	padding:0;
	z-index:1;
}

#entete, #menu, #contenu_tete, #contenu_milieu, #contenu_pied {
	text-align:left;
	padding:0;
	width:1010px;
}
#entete {
	text-align:left;
	height:128px;
}
#logo {
	display:block;
	margin-left:22px;
	margin-top:15px;
	float:left;
	overflow:auto;
}
#logo img {
	border:none;
	width:334px;
	height:80px;
}

.menu_list li a span {
	background:transparent url(../images/ui/sprite.png) no-repeat -314px -81px;
    display: inline-block;
    height: 8px;
    margin:4px 12px 0 0;
    width: 8px;
}

.menu_list li a:hover span, .menu_list li.actuel a span {
	background-position: -314px -91px;
}

.liste {
	margin:2px 0 15px 20px;
}
.liste li  {
	list-style-type:none;
	margin-left:10px;
}
.liste li span {
	background:transparent url(../images/ui/sprite.png) no-repeat -314px -81px;
	display:inline-block;
	height:8px;
	width:8px;
	margin:4px 12px 0 0;
}
.liste li a{
	font-size:0.9em;
}

#menu_haut {
	width:246px;
	height:34px;
	float:right;
	margin-right:41px;
	background:transparent url(../images/ui/sprite.png) no-repeat -234px -44px;
}

#menu_haut ul {
	margin:8px 0 0 18px;
	padding:0;
	list-style-type:none;
	line-height:12px;
}
#menu_haut ul li {
	display:block;
	float:left;
	margin:0;
	border-right:1px solid #004f80;
	padding:0 1px 0 0;
}
#menu_haut ul li.last-child {
	border:none;
}
#menu_haut ul li a{
	font-size:12px;
	color:#004f80;
	text-decoration:none;
	display:block;
	float:left;
	margin:0 6px;
	height:12px;
	text-shadow:0 1px 0 #FFF;
}
#menu_haut ul li a:hover{
	text-decoration:underline;
	text-shadow:none;
}

#menu {
	position:relative;
	text-align:left;
	height:32px;
	display:block;
	font-size:12px;
	font-weight:bold;
	margin:0 0 0 25px;
	width:auto;
	padding:0;
	background:transparent url(../images/ui/menu_fond.gif) no-repeat;
}
#menu ul {
	margin:0 0 0 1px;
	padding:0;
	list-style-type:none;
	width:auto;
}
#menu ul li {
	display:block;
	float:left;
	margin:0;
	padding:0 1px 0 0;
	background:transparent url(../images/ui/menu_fond.gif) repeat-x 0 -32px;
}
#menu ul li a{
	display:block;
	float:left;
	color:#333;
	text-decoration:none;
	padding:12px 20px 8px;
	margin:0;
	line-height:12px;
	height:12px;
	white-space:nowrap;
	cursor:pointer;
	text-shadow:0 1px 0 #FFF;
	background:transparent url(../images/ui/menu_fond.gif) 0 -160px;
}
#menu ul li a:hover{
	color:#FFF;
	background:transparent url(../images/ui/menu_fond.gif) 0 -64px;
	cursor:pointer;
	text-shadow:0 -1px 0 #000;
}

#menu ul li.actuel a{
	background:transparent url(../images/ui/menu_fond.gif) 0 0;
	color:#FFF;
	cursor:default;
	text-decoration:none;
	text-shadow:0 -1px 0 #000;
}
#menu ul li a.actuel:hover{
	text-decoration:none;
}

/******************/

.nouvelles .nouvelle {
	margin:20px 12px;
}
.nouvelles .nouvelle span.date{
	font-size:12px;
	color:#004f80;
}
.nouvelles .nouvelle a{
	font-size:14px;
}

.menu_vertical {
	width:230px;
	margin-bottom:20px;
}

.bloc .entete {
	width:206px;
	height:14px;
	background:transparent url(../images/ui/sprite.png) no-repeat -242px -11px;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	padding:7px 12px 11px;
	text-shadow:0 1px 0 #000;
}

.bloc.reference a{
	display:block;
	margin:20px 12px 10px;
}

.menu_vertical .entete {
	background-color:#00314f;
}

.menu_vertical .pied {
	width:230px;
	height:9px;
	background:#00314f url(../images/ui/sprite.png) no-repeat -242px 0;

}

.menu_vertical ul {
	margin:0;
	padding:1px 0 0;
	list-style-type:none;
	background:#fefefe;
	border:1px solid #b2b1b1;
	border-width:0 1px;
}

.menu_vertical ul li {
	margin:0;
}

.menu_vertical ul li a{
	font-size:12px;
	color:#333;
	text-decoration:none;
	display:block;
	height:12px;
	padding:10px 10px 10px 20px;
	background:transparent url(../images/ui/menu_fond.gif) repeat-x 0 -128px;
	text-shadow:0 -1px 0 #FFF;
	font-weight:bold;
	cursor:pointer;
}
.menu_vertical ul li.actuel a, .menu_vertical ul li.actuel a:hover {
	background-position: 0 0px;
	color:#FFF;
	text-shadow:0 1px 0 #333;
	cursor:default;
	
	text-decoration:none;
}
.menu_vertical ul li a:hover, .menu_vertical ul li a:visited:hover{
	color:#FFF;
	text-shadow:0 1px 0 #333;
	background-position: 0 -96px;
}

.menu_vertical ul li.actuel a:visited{
	color:#FFF;
}
.menu_vertical ul li a:visited{
	color:#004F80;
}

a.certification {
	margin:20px 12px 10px;
	overflow:auto;
	display:block;
}


/******************/
.header {clear:both;width:auto;overflow:auto;margin:10px 0 0;min-height:20px}
#breadcrumb {
	float:left;
}
#breadcrumb ul {
	font-size:12px;
	margin:0;
}

#breadcrumb ul li{
	display:inline;
	list-style-type:none;
	color:#666;
}
#breadcrumb ul li a{
	color:#004F80;
	text-decoration:underline;
}
#breadcrumb ul li a:hover{
	text-decoration:none;
	color:#73a6de;
}
#breadcrumb ul li.premier{
	color:#666;
}
#breadcrumb ul li.actuel{
	color:#917500;
}

.addthis_toolbox {
	float:right;
}
.addthis_button_google_plusone {margin-right:-16px}
#contenu_milieu ul.sous_menu {
	padding:0;
	list-style-type:none;
	width:auto;
	margin:10px 0 20px 0;
	
}
#contenu_milieu ul.sous_menu li {
	display:inline;
	margin:0;
	padding:0 12px 0;
	background:none;
	border-left:2px solid #004F80;
}

#contenu_milieu ul.sous_menu li:first-child {
	border-left:none;
}
#contenu_milieu ul.sous_menu li a{
	color:#333;
	text-decoration:none;
	padding:0;
	margin:8px 5px;
	font-weight:bold;
	white-space:nowrap;
}
#contenu_milieu ul.sous_menu li a:hover{
	color:#004f80;
	text-decoration:underline;
}

#contenu_tete {
	background:transparent url(../images/ui/sprite.png) no-repeat 0 -116px;
	height:56px;
	position:absolute;
	z-index:2;
}
#contenu_milieu {
	position:relative;
	background:transparent url(../images/ui/contenu_fond_milieu.png) repeat-y;
	margin:24px 0 0 0;
	padding:0;
	width:1010px;
	z-index:1;
}
#contenu_corps {
	position:relative;
	overflow:hidden;
	z-index:3;
	bottom:-24px;
	padding:0 49px;
}
#contenu_corps .colonne {
	width:230px;
	height:100%;
}

#contenu_corps .colonne-gauche {margin-right:24px;float:left;}
#contenu_corps .colonne-droite {margin-left:24px;float:right;}
#contenu_corps .contenu {width:912px;}
#contenu_corps .contenu.contenu-gauche, #contenu_corps .contenu.contenu-droit {width:658px;}
#contenu_corps .contenu.contenu-gauche {float:left;}
#contenu_corps .contenu.contenu-droit {float:right;}
#contenu_corps .contenu.contenu-gauche.contenu-droit {width:404px;float:right}

.contact_block p {
	margin:10px 12px 2px;
	font-weight:bold;
	color:#004f80;
}
a.contact_button {
	background:transparent url(../images/ui/sprite.png) no-repeat -482px 0;
	width:182px;
	height:16px;
	padding:22px 24px 26px;
	text-align:center;
	display:block;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	font-size:16px;
	text-shadow:0 -1px 0 #333;
	margin-top:2px;
}
a.contact_button:hover {
	background-position: -712px 0;
}
a.contact_button:active {
	outline:1px dotted #004f80;
	overflow:visible;
}
a.contact_button:visited {
	color:#FFF;
}

#contenu_pied {
	background:transparent url(../images/ui/sprite.png) no-repeat 0 -172px;
	text-align:center;
	height:121px;
	position:absolute;
	bottom:-121px;
	overflow:auto;
}
#piedpage{
	margin:110px 0 30px;
}
#piedpage p{
	position:relative;
	overflow:auto;
	margin:0 0 2px;
	font-size:12px;
	color:#DFDFDF;
	padding:0;
}
#piedpage ul {
	list-style-type:none;
	margin:0 0 10px;
}
#piedpage ul li{
	display:inline;
	padding:0;
	margin:0;
	color:#999;
	font-size:12px;
}

#piedpage a{
	color:#FFF;
	padding:0 5px;
	margin:0;
	font-size:12px;
	text-decoration:none;
}
#piedpage a:hover{
	color:#ffd43f;
	text-decoration:underline;
}
.galerie {
	width:auto;
	overflow:hidden;
}

.galerie a {
	outline:none;
	display:block;
	border:none;
	list-style:none;
	cursor: pointer;
	margin:5px;
	padding:7px;
	width:100px;
	height:100px;
	float:left;
	overflow:auto;
	background:transparent url(../images/ui/sprite.png) no-repeat 0 0;
}
.galerie a:hover {background-position: -116px 0}

/* Fin galerie 2*/
div.clear {
	clear:both;
}

/* container for slides */
.banniere {
	position:relative;
	overflow:hidden;
	margin-bottom:30px;
	border:1px solid #DDD;
}
.images {
	position:relative;	
	height:190px;
	width:658px;
	float:left;	
}

/* single slide */
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;	
	padding:0;
	height:190px;
	width:658px;
	background:#FFF;
}
.images div img{float:left;}

.images div h3{
	font-size:1.2em;
	color:#333;
	margin:36px 10px 10px 0;
}
.images div a{
	text-decoration:none;
}
.images div a span {
	margin-left:2px;
	display:inline-block;
	width:12px;
	height:10px;
	vertical-align:middle;
	background:transparent url(../images/ui/sprite.png) no-repeat -301px -81px;
}
.images div a:hover span {
	background-position:-301px -91px;
}

p.photo span {
	margin-right:8px;
	display:inline-block;
	width:16px;
	height:16px;
	vertical-align:middle;
	background:transparent url(../images/ui/sprite.png) no-repeat -358px -81px;
}

.images div a:hover, #contenu_milieu .images div a:visited:hover{
	color:#73a6de;
}
.images div a:visited{
	color:#617480;
}

/* tabs (those little circles below slides) */
.slidetabs {
	position:absolute;
	bottom:10px;
	right:10px;
}

/* single tab */
.slidetabs a {
	width:20px;
	height:20px;
	float:left;
	margin:0;
	background:transparent url(../images/ui/sprite.png) no-repeat -233px -80px;
	display:block;		
}

/* mouseover state */
.slidetabs a:hover {
	background-position:-253px -80px;      
}

/* active state (current page state) */
.slidetabs a.current {
	background-position:-273px -80px;     
}

#fond_pied {
	position:fixed;
	bottom:0;
	left:0;
	height:0;
	width:100%;
	height:169px;
	background:transparent url(../images/ui/pied_fond.png) repeat-x 0 0;
	margin:0;
	padding:0;
	z-index:0;
}
