/*
	//////////////////////////////////////////
	// CSS Myotis - Cr�ation MicroSystem	//
	// Copyright 2011 - LOTITO St�phane		//
	//////////////////////////////////////////
*/

body{
	background-color : #444541;
	margin : 0;
	padding : 0;
	width : 100%;
	font : 12px verdana;
}

img,
a img {
	outline : none;
	border :0;
}

a {
	text-decoration : none;
	outline : none;
}

#global{
	background : #183358 url(../images/fond.jpg) bottom center fixed no-repeat;
}

a.info{
	background : url(../images/info.png) top left no-repeat;
	padding : 10px 0 10px 42px;
	font : 11px verdana;
	color : white;
	text-decoration : underline;
	display : block;
}

a.info:hover{
	color : #84b20a;
}

/*
	//////////////////////////////////////////
	// Gestion du header					//
	//////////////////////////////////////////
*/

#conteneur-header{
	background : transparent url(../images/fond-header.png) top center no-repeat;
	width : 100%;
}

#conteneur-header-en{
	background : transparent url(../images/fond-header-en.png) top center no-repeat;
	width : 100%;
}

#header{
	width : 995px;
	margin : 0 auto;
	height : 200px;
}

/* LOGO //////////////////////// */

#logo{
	background : url(../images/logo.png) top left no-repeat;
	float : left;
	width : 210px;
	height : 130px;
}

#logo span{
	display : none;
}

/* LIENS TOP /////////////////// */

#lien-top {
	margin: 22px 20px 0 0;
	padding : 0;
	list-style : none;
	float: right;
	text-transform : uppercase;
	font : bold 10px/33px verdana;
}

#lien-top li{
	float : left;
}

#lien-top li a{
	color: white;
}

#lien-top li span{
	float :right;
	color : #39acf0;
	font-weight : normal;
	padding: 0 15px;
}

/* MENU	//////////////////////// */

#menu{
	background : url(../images/fond-menu.png) top center no-repeat;
	width : 995px;
	height : 70px;
	float : left;
	margin-top: 18px;
}

#menu ul{
	list-style : none;
	margin : 0 0 0 10px;
	padding : 0;
	overflow : hidden;
	float : left;
}

#menu ul li {
	color : #b9b9b9;
	font : bold 12px arial;
	text-shadow : 1px 1px 1px #272728;
	margin : 0;
	padding : 1px 0 0;
	overflow : hidden;
	float: left;
}

#menu ul li a{
	background : url(../images/btn/barre.png) right 23px no-repeat;
	float : left;
	text-decoration : none;
	color : #b9b9b9;
	padding : 22px 15px 0 10px;
	height : 37px;
}

#menu ul li a.last{
	background : none;
}

#menu ul li.first a{
	padding : 22px 14px 0 28px;
}

#menu ul li a.non{
	background : none;
	padding : 22px 10px 0 11px;
}

#menu ul li.first a.non{
	padding : 22px 12px 0 26px;
}

#menu ul li a:hover{
	color : #39acf0;
}

#menu ul li.actif a{
	background : url(../images/btn/actif.png) top center no-repeat;
	width : 130px;
	height : 47px;
	color : white;
	text-shadow : 1px 1px 1px #033655;
	padding : 22px 0 0 18px;
}

#menu ul li a.actif:hover{
	color : white;
}

#menu ul li.actif-min a{
	background : url(../images/btn/actif-min.png) top center no-repeat;
	width : 96px;
	height : 47px;
	color : white;
	text-shadow : 1px 1px 1px #033655;
	padding : 22px 10px 0 18px;
}

#menu ul li a.actif-min:hover{
	color : white;
}

#menu .libre {
	display : block;
	float : right;
	color : #ffbd00;
	font : bold 14px arial;
	text-shadow : 1px 1px 1px #272728;
	margin: 10px 20px 0 0;
	padding: 13px 15px;
}

/*
	//////////////////////////////////////////
	// Contenu du site						//
	//////////////////////////////////////////
*/

#contenu{
	background : white url(../images/fond-centre.jpg) top left no-repeat;
	display: block;
	margin: 0 auto;
	width: 955px;
	padding : 20px;
	min-height : 555px;
}

/*
	//////////////////////////////////////////
	// SlideShow du site					//
	//////////////////////////////////////////
*/

#diapo{
	height: 364px;
}

#diapo-int{
	height: 150px;
}

#diapo .slideshow ul{
	margin : 0;
	padding : 0;
}

/* TEXTE	/////////////////////// */

#texte{
	background : transparent url(../images/slide/slide-right.png) top right no-repeat;
	height: 364px;
	width : 500px;
	z-index : 5000;
	position : absolute;
	margin-left: 455px;
}

#texte-int{
	background : transparent url(../images/slide/slide-right-int.png) top right no-repeat;
	height: 150px;
	width : 500px;
	z-index : 5000;
	position : absolute;
	margin-left: 455px;
}

#texte h1,#texte-int h1{
	color : #63c5ff;
	font : 30px/40px trebuchet MS;
	text-shadow : 1px 1px 1px #242629;
	margin : 20px 0 0 255px;
	padding : 0;
}

#texte-int h1{
	margin : 20px 0 0 325px;
}

#texte h2,#texte-int h2{
	color : white;
	font : 17px/25px trebuchet MS;
	text-shadow : 1px 1px 1px #242629;
	margin : 10px 30px 0 255px;
	padding : 0;
}

#texte .info,#texte-int .info{
	margin : 15px 0 0 255px;
	width: 120px;
}

#texte .adresse,#texte-int .adresse{
	margin : 20px 125px 0 200px;
	font : 10px/16px verdana;
	color : white;
	text-align: right;
}

#texte-int .adresse{
	margin : 10px 60px 0 200px;
}

/*
	//////////////////////////////////////////
	// Centre du site						//
	//////////////////////////////////////////
*/

#centre{
	overflow : hidden;
}

#centre h1{
	color : #1d85c3;
	font : 28px arial;
	margin : 0 0 10px;
	padding : 0;
}

#centre h2{
	background : transparent url(../images/h2.jpg)  0 5px no-repeat;
	color : #656565;
	font : bold 12px/19px verdana;
	padding : 0 0 0 40px;
	margin: 0 0 15px;
    min-height: 36px;
}

#centre h3{
	color: #70B005;
    font: bold 13px verdana;
    margin: 0 0 5px;
    padding: 0;
}

#centre ul{
	color : #656565;
	font: 11px/20px verdana;
    list-style: none;
    margin: 0 0 15px 30px;
    padding: 0;
}

#centre ul li{
	margin : 0;
	background : transparent url(../images/puce-centre.png) 0px 9px no-repeat;
	color : #70b005;
	padding: 0 0 0 13px;
}

#centre ul li span{
	color : #555555;
}

#centre ul li a{
	color : #777;
}

#centre p{
	color : #555;
	font : 11px/18px verdana;
	margin : 0 0 15px 0;
	padding : 0;
}

#centre p.last{
	margin : 0;
}

#centre p.important{
	background : #ffe1c1 url(../images/info.png) 10px 9px no-repeat;
	color : #ce7600;
	font : bold 13px/20px verdana;
	margin : 0 0 15px;
	padding : 8px 12px 9px 55px;
	border : 1px solid #ff8901;
}

#centre p a{
	color : #70b005;
	font : italic 11px/18px verdana;
}

#centre img{
	margin : 5px 0 10px 20px;
}

#centre .galerie{
	clear : both;
}

#centre .galerie img{
	margin : 20px 0 0 16px;
}

#centre .col{
	float: left;
    margin: 20px 15px 0;
    width: 330px;
	text-align : justify;
}

hr{
	background-color: #EEEEEE;
    border: 0 none;
    height: 1px;
    margin: 20px 0;
}

.accueil .left{
	width : 650px;
	float : left;
	margin : 15px 0 0 7px;
}

.bis-col {
	background : transparent url(../images/col-1.png) top left no-repeat;
	min-height: 405px;
}

.tri-col {
	background : transparent url(../images/col-2.png) top left no-repeat;
	min-height: 405px;
}

.bis-col .left{
	width : 725px;
	float : left;
	margin : 15px 0 0 7px;
}

.tri-col .left{
	width : 530px;
	float : left;
	margin : 15px 0 0 7px;
}

.accueil .right{
	width : 275px;
	float : right;
	margin : 20px 0 0;
	overflow : hidden;
}

.bis-col .right{
	width : 184px;
	float : right;
	margin : 20px 0 20px 15px;
	overflow : hidden;
}

.tri-col .centre{
	width : 182px;
	float : right;
	margin : 20px 0 20px 15px;
	overflow : hidden;
}

#centre .centre ul,
#centre .mesure{
	list-style : none;
	float : left;
	margin: 5px 15px 15px 10px;
}

#centre .centre ul li,
#centre .mesure li{
	margin : 0 0 15px 0;
	background : transparent url(../images/puce-claire.png) 0px 7px no-repeat;
	color : #656565;
	padding: 0 0 0 13px;
	font : 12px/20px arial;
}

#centre .centre ul li a,
#centre .mesure li a{
	color : #656565;
}

#centre .centre ul li a:hover,
#centre .mesure li a:hover{
	color : #70b005;
}

#centre .centre ul li a.actif,
#centre .mesure li a.actif{
	color : #70b005;
	font-weight : bold;
}

#centre .mesure li ul{
	margin-left: 0;
}

#centre .mesure li ul li{
	margin : 5px 0 0 0;
	background : transparent url(../images/puce-centre) 0px 7px no-repeat;
	padding: 0 0 0 12px;
	font : 11px/18px arial;
}

#centre .mesure li ul li a{
	color : #888;
}

#centre .mesure li ul li a:hover{
	color : #70b005;
}

#centre .mesure li ul li a.actif{
	color : #70b005;
	font-weight : bold;
}

.tri-col .right{
	width : 184px;
	float : right;
	margin : 20px 0 20px 15px;
	overflow : hidden;
}

/* TITRE RIGHT & CENTRE ///////////////// */

.right .titre-foncer{
	background : transparent url(../images/fleche-foncer.png) 0px 6px no-repeat;
	padding : 0 0 0 25px;
	color : #1d85c3;
	margin: 5px 0 15px 10px;
	font : 18px Trebuchet MS;
	float: left;
}

.centre .titre-foncer{
	background : transparent url(../images/fleche-claire.png) 0px 6px no-repeat;
	padding : 0 0 0 25px;
	color : #1d85c3;
	margin: 5px 0 15px 10px;
	font : 18px Trebuchet MS;
	float: left;
	width: 130px;
}

/* SURVEILLANCE	///////////////// */

.accueil .right .surveillance{
	background : transparent url(../images/surveillance.jpg) top left no-repeat;
	width : 275px;
	height : 174px;
	margin-bottom: 15px;
}

.accueil .right .surveillance .titre{
	color : white;
	float : left;
	font : 18px arial;
	margin : 8px 0 15px 17px;
	text-shadow : 1px 1px 1px #D07600;
}

.accueil .right .surveillance .titre span{
	display: block;
    font: 12px arial;
    margin: 5px 0 3px;
}

.accueil .right .surveillance a{
	color: #FFFFFF;
    display: block;
    float: right;
    font: bold 14px arial;
    margin: 10px 20px 0;
    text-align: right;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    width: auto;
}

.accueil .right .surveillance a.deco{
    font: bold 12px arial;
	background : transparent url(../images/logout.png) top left no-repeat;
	margin: 17px 20px 0 0;
	padding : 0 0 0 22px;
	clear: both;
}

.accueil .right .surveillance form{
	float : left;
	margin : 7px 15px 0 20px;
}

.accueil .right .surveillance label{
	float : left;
	font : 12px verdana;
	color : white;
	margin: 0 0 7px;
	height: 16px;
	padding-top: 3px;
	width: 90px;
}

.accueil .right .surveillance input{
	float : right;
	height : 15px;
	width : 139px;
	margin: 0 0 7px;
	border: 0;
	padding: 2px;
	color: #555555;
	font: 11px verdana;
}

.accueil .right .surveillance input.bouton{
	background-color: #6C9B09;
	color: white;
	font: bold 11px verdana;
	border: 1px solid #4F7106;
	height: 20px;
	padding: 0 0 3px;
	width: 143px;
}

.surveillance-int{
	background : transparent url(../images/surveillance-int.jpg) top left no-repeat;
	width : 168px;
	height : 226px;
	margin-bottom: 15px;
	float: left;
}

.surveillance-int .titre{
	color : white;
	float : left;
	font : bold 14px arial;
	margin : 10px 15px;
	text-shadow : 1px 1px 1px #D07600;
}

.surveillance-int .titre span{
	display: block;
    font: 11px arial;
    margin: 5px 0 2px;
}

.surveillance-int a{
	color: #FFFFFF;
    display: block;
    float: right;
    font: bold 13px arial;
    margin: 17px 20px 0;
    text-align: right;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    width: auto;
}

.surveillance-int a.deco{
    font: bold 11px arial;
	background : transparent url(../images/logout.png) top left no-repeat;
	margin: 35px 20px 0 0;
	padding : 0 0 0 22px;
}

.surveillance-int form{
	float : left;
	margin : 4px 15px 0 12px;
}

.surveillance-int label{
	float : left;
	font : 12px verdana;
	color : white;
	margin: 0 0 1px;
	height: 16px;
	padding-top: 3px;
}

.surveillance-int input{
	float : right;
	height : 17px;
	width : 139px;
	margin: 0 0 6px;
	border: 0;
	padding: 2px;
	color: #555555;
	font: 11px verdana;
}

.surveillance-int input.bouton{
	background-color: #6C9B09;
	color: white;
	font: bold 11px verdana;
	border: 1px solid #4F7106;
	height: 20px;
	padding: 0 0 3px;
	width: 143px;
	margin: 3px 0 0;
}

/* CONTACT	///////////////// */

.accueil .right .contact{
	background : transparent url(../images/contact.jpg) top left no-repeat;
	width : 275px;
	height : 130px;
}

.accueil .right .contact .titre{
	color : white;
	float : left;
	font : 25px verdana;
	margin : 8px 0 0 17px;
	text-shadow : 1px 1px 1px #044e79;
}

#centre .right .contact p{
	color : white;
	float : left;
	font : bold 14px/22px Trebuchet MS;
	margin : 8px 15px 0 0;
	text-align : right;
	width: 256px;
	text-shadow : 1px 1px 1px #044e79;
}

#centre .right .contact p a{
	color : white;
}

/* CONTACT INT ///////////////// */

.contact-int{
	background: url("../images/contact.png") no-repeat scroll left top transparent;
    color: white;
    float: left;
    font: bold 11px/19px arial;
    height: 68px;
    margin-bottom: 15px;
    padding: 38px 15px 0 0;
    text-align: right;
    text-shadow: 1px 1px 1px #333333;
    width: 153px;
}

#contact-int-en{
	background: url("../images/contact-en.png") no-repeat scroll left top transparent;
}

.contact-int .titre{
	color : white;
	float : left;
	font : 25px verdana;
	margin : 8px 0 0 17px;
	text-shadow : 1px 1px 1px #044e79;
}

.contact-int p{
	color : white;
	float : left;
	font : bold 14px/22px Trebuchet MS;
	margin : 8px 15px 0 0;
	text-align : right;
	width: 256px;
	text-shadow : 1px 1px 1px #044e79;
}

.contact-int span{
	color : #ffad00;
}

.contact-int a{
	color : white;
}

.contact-int p a{
	color : white;
}

/* LIENS INT ///////////////// */

#centre ul#liens{
	float: left;
    list-style: none outside none;
    margin: 0 0 0 20px;
}

#centre ul#liens li{
	margin: 0;
}

#centre ul#liens li a{
	color: #656565;
    font: 11px verdana;
    text-decoration: underline;
}

#centre form .gauche{
	float :left;
}

#centre form .gauche p,
#centre form .droite p{
	margin : 0;
}

#centre form .gauche .rouge,
#centre form .droite .rouge{
	color : red;
}

#centre form .gauche input,
#centre form .droite input,
#centre form .droite textarea{
	margin : 0 0 10px 0;
	padding : 5px;
	border : 1px solid #ccc;
	width: 213px;
}

#centre form .droite input{
	width: 468px;
}

#centre form .gauche #captcha{
	margin : 0;
}

#centre form .droite{
	float :right;
	width: 480px;
}

#centre form .droite textarea{
	width : 468px;
	height : 194px;
}

#centre form .droite input.bouton{
	float : right;
	border : 1px solid #2e8d00;
	background-color : #39ae00;
	color : #fff;
	padding : 5px 10px;
	width: 200px;
	margin : 5px 0 0 0;
}

#centre form .droite .rouge-texte{
	display: block;
    font-size: 10px;
    margin: 13px 0 0;
	color : red;
}

.erreur{
	background-color : #e9c2c2;
	color : #892d2d;
	margin: 0 0 20px;
    padding: 15px 20px;
    text-align: center;
}

.mess-envoyer{
	background-color : #b2d8a5;
	color : #3a7824;
	margin: 0 0 20px;
    padding: 15px 20px;
    text-align: center;
}

/*
	//////////////////////////////////////////
	// Footer du site						//
	//////////////////////////////////////////
*/

#footer{
	background : #444540 url(../images/footer.jpg) top left repeat-x;
	height : 80px;
	width : 100%;
}

#footer .footer{
	margin : 0 auto;
	width : 995px;
	color : white;
}

#footer .footer .left{
	font : 10px/16px verdana;
	text-transform : uppercase;
	float : left;
	width : 400px;
	margin: 40px 15px 0;
}

#footer .footer .right-en,
#footer .footer .right{
	font : 10px/16px verdana;
	text-transform : uppercase;
	float : right;
	width : 505px;
	margin: 40px 15px 0;
	text-align : right;
	background : transparent url(../images/ms.jpg) 0px -1px no-repeat;
	color: #999999;
}

#footer .footer .right-en{
	background : transparent url(../images/ms.jpg) 91px -1px no-repeat;
}

#footer .footer a{
	color: #fff;
}

#footer .footer .right-sociaux{
	font : 10px/16px verdana;
	text-transform : uppercase;
	float : right;
	width : 500px;
	margin: 20px 15px;
	text-align : right;
}

#footer .footer .right-sociaux a{
	display: inline-block;
    float: right;
    height: 28px;
    margin: 0 0 0 15px;
    width: 28px;
}

#footer .footer .right-sociaux a:hover{
	background-position : top right;
}

#footer .footer .right-sociaux span{
	color: #bbb;
    display: inline-block;
    float: right;
	margin: 6px 0 0;
}

.twitter{
	background : transparent url(../images/sociaux/twitter.png) top left no-repeat;
}

.google{
	background : transparent url(../images/sociaux/google.png) top left no-repeat;
}

.facebook{
	background : transparent url(../images/sociaux/facebook.png) top left no-repeat;
}

.linkedin{
	background : transparent url(../images/sociaux/linkedin.png) top left no-repeat;
}

.vimeo{
	background : transparent url(../images/sociaux/vimeo.png) top left no-repeat;
}

.tableTitreNews {
	BACKGROUND-COLOR: #FFFFFF;
	color: #1E3577;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 16px;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none
}