@charset "utf-8";
/* CSS Document */
body, div, p, h1, h2, h3, h4, h5, h6, a, ul, li, form, img, span, dl, dt, dd, fieldset, legend, label, input {
	margin:0;
	padding:0;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}
h1 {
	font-size:15px;
}
h2 {
	font-size:14px;
}
h3 {
	font-size:13px;
}

body {
	background:url(../images/bkg.jpg) fixed top center repeat-x;
	background-color:#fff; /*blanc*/
}
.clear {
	clear:both;
}

.h2_module .no{
font-weight:bold;
font-size:14px;
text-decoration:none;}

.h3_module .no{
font-weight:bold;
font-size:13px;
text-decoration:none;} 

.trait_separation {
	clear:both;
	width:850px;
	height:1px;
	background-color:#ccc;
	margin:0 0 0 5px;
}

.indent{text-indent:20px;}
/************************************************************************/
/* HEADER																*/
/************************************************************************/
/* ombre partie haute */
#ombre_header {
	width:998px;
	margin:0 auto 0 auto;
}
#ombre_header_gauche {
	width:8px;
	height:408px;
	float:left;
	background:url(../images/ombre_haut_gauche.png) no-repeat;
}
#ombre_header_droite {
	width:8px;
	height:408px;
	float:left;
	background:url(../images/ombre_haut_droite.png) no-repeat;
}
#container_haut {
	float:left;
	width:982px;
	margin:0 auto 0 auto;
}
#header {
	width:982px;
	margin:0 auto 0 auto;
	background:url(../images/bkg_header.jpg) no-repeat;
}
#logo {
	width:215px;
	height:60px;
	padding:25px 0 0 0;
	margin:0 207px 0 0;
	float:left;
}
/* MENU HORIZONTAL */
#menu {
	height:99px;
}
ul#menu_horizontal {
	list-style-type:none;
}
ul#menu_horizontal li {
	float:left;
}
ul#menu_horizontal li a {
	height: 44px;
	background:url(../images/fond_menu.png) repeat-x 0px 0px;
	display: block;
	color: #053e69;
	text-decoration: none;
	padding: 55px 8px 0 8px;
	font-size: 14px;
	font-family: Arial;
}
ul#menu_horizontal li a:hover {
	background:url(../images/fond_menu.png) repeat-x 0px -99px;
	color: #ffffff;	
}
/* bouton - accueil */
#btn_accueil a {
	width:63px;
	height:99px;
	display:block;
	background:url(../images/menu/btn_accueil.jpg) no-repeat top left;
}
#btn_accueil a:hover {
	width:63px;
	height:99px;
	display:block;
	background:url(../images/menu_actif/btn_accueil.jpg) no-repeat top left;
}
#btn_accueil_actif {
	width:63px;
	height:99px;
	display:block;
	background:url(../images/menu_actif/btn_accueil.jpg) no-repeat top left;
}
/* bouton - domaine de competences */
#btn_domaines_de_competences a {
	width:186px;
	height:99px;
	display:block;
	background:url(../images/menu/btn_domaines_de_competences.jpg) no-repeat top left;
}
#btn_domaines_de_competences a:hover {
	width:186px;
	height:99px;
	display:block;
	background:url(../images/menu_actif/btn_domaines_de_competences.jpg) no-repeat top left;
}
#btn_domaines_de_competences_actif {
	width:186px;
	height:99px;
	display:block;
	background:url(../images/menu_actif/btn_domaines_de_competences.jpg) no-repeat top left;
}
/* Bouton - notre equipe */
#btn_notre_equipe a {
	width:99px;
	height:99px;
	display:block;
	background:url(../images/menu/btn_notre_equipe.jpg) no-repeat top left;
}
#btn_notre_equipe a:hover {
	width:99px;
	height:99px;
	display:block;
	background:url(../images/menu_actif/btn_notre_equipe.jpg) no-repeat top left;
}
#btn_notre_equipe_actif {
	width:99px;
	height:99px;
	display:block;
	background:url(../images/menu_actif/btn_notre_equipe.jpg) no-repeat top left;
}
/* bouton - actualites */
#btn_actualites a {
	width:79px;
	height:99px;
	display:block;
	background:url(../images/menu/btn_actualites.jpg) no-repeat top left;
}
#btn_actualites a:hover {
	width:79px;
	height:99px;
	display:block;
	background:url(../images/menu_actif/btn_actualites.jpg) no-repeat top left;
}
#btn_actualites_actif {
	width:79px;
	height:99px;
	display:block;
	background:url(../images/menu_actif/btn_actualites.jpg) no-repeat top left;
}
/* bouton - contact */
#btn_contact a {
	width:68px;
	height:99px;
	display:block;
	background:url(../images/menu/btn_contact.jpg) no-repeat top left;
}
#btn_contact a:hover {
	width:68px;
	height:99px;
	display:block;
	background:url(../images/menu_actif/btn_contact.jpg) no-repeat top left;
}
#btn_contact_actif {
	width:68px;
	height:99px;
	display:block;
	background:url(../images/menu_actif/btn_contact.jpg) no-repeat top left;
}
/* BANNIERE FLASH */
#banniere {
	width:982px;
	height:309px;
	margin: 0 auto 0 auto;
}
/************************************************************************/
/* MIDDLE																*/
/************************************************************************/
/* OMBRE PARTIE DU MILIEU */
#ombre_middle {
	width:998px; /*1012*/
	margin:0 auto 0 auto;
	background:url(../images/ombre_middle.png) repeat-y;
}
/* CONTENANT et CONTENU	------------------------------------------------*/
#contenant {
	width:982px;
	margin:0 auto 0 auto;
	background:url(../images/bkg33.png); /*33% opacite*/
}
#contenu {
	width:934px;
	margin:0 auto 0 auto;
	/*background:red;*/
}
/* MISE EN FORME DU PREMIER PARAGRAPHE */
.pleine_largeur {
	margin: 0 0 10px 0;
	padding:0 0 20px 0;
}
.titre{
	padding:10px 0 0 0;
}

.titrepage{
	color:#0d3c6b;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	background:url(../images/trait_horizontal.png) bottom repeat-x;
	padding:0 0 15px 0; /*le trait descend en dessous du texte*/
}

.tititrepage{
	color:#0d3c6b;
	font-family:Arial;
	font-weight:bold;
	font-size:16px;
	background:url(../images/trait_horizontal.png) bottom repeat-x;
	padding:0 0 15px 0; /*le trait descend en dessous du texte*/
}

.references h4{	color:#0d3c6b;font-family:Arial;margin-left:10px;font-weight:bold;}

.titre_11_gris_light{
	font-size:12px;
	font-weight:lighter;
	color:#666;
}
.titre_11_bleu{
	font-size:12px;
	color:#0d3c6b;
}
#date{
	margin:10px 0 0 0;
	padding:0 0 0 20px;
	background:url(../images/puce.png) 0px 0px no-repeat;
	color:#197bc6;
	font-size:11px;
	font-weight:lighter;
	
}
#accroche{
	font-family:Arial;
	line-height:20px;
	text-align:justify;
	padding:10px 0 5px 0;
}

.accroche{	
	font-family:Arial;
	line-height:20px;
	text-align:justify;
	padding:10px 0 5px 0;}


.h2_module {
	margin:0 0 10px 0;
	color:29262b;
}
.h3_module {
	padding:0 0 0 20px;
	background-color:gray;
	background:url(../images/puce.png) 0px 1px no-repeat;
}
.marge_gauche {
	margin:0 0 0 20px;
}
/* MISE EN FORME - COLONNE DE GAUCHE */
#colonne_gauche{
	float:left;
	width:419px;
	background:url(../images/trait_vertical.png) right repeat-y;
	padding:0 10px 0 0; /*le trait de droite est ecarté*/
}


#separateur_contact{
background:url(../images/trait_vertical.png) right repeat-y;
padding:10px;}

.blue{color:#197bc6}

.module_horizontal{
	margin:0 0 10px 0; /*le texte descend en dessous du trait */
}
.trait_ho_bas {
	background:url(../images/trait_horizontal.png) bottom repeat-x;
	padding:0 0 15px 0; /*le trait descend en dessous du texte*/
}
.description_a_gauche{
	width:215px;
	float:left;
}
.image_a_droite{
	padding:0 0 0 10px;
}

/* MISE EN FORME - COLONNE DE DROITE */
#colonne_droite{
	float:left;
	width:495px; /*507px*/
	padding:0 0 0 10px; /*decalage du texte sur la droite*/
}
.module_vertical{
	float:left;
	width:233px;
	padding: 0 0 0 10px; /*decalage du texte sur la droite*/
}
.description_a_droite {
	width:215px;
	float:right;
}

#PC{
width:245px;
float:left;}

.image_a_gauche{
	padding:0 10px 0 0;
	float:left;
}
.trait_vertical{
	background:url(../images/trait_vertical.png) right repeat-y;
	padding:0 10px 0 0; /*decalage du trait sur la droite*/
}
.image_padding_hautbas{
	padding:10px 0 10px 0;
}


































/************************************************************************/
/* FOOTER																*/
/************************************************************************/
#ombre_footer {
	margin:0 auto 0 auto;
	width:998px;
	height:200px;
	background:url(../images/footer_bkg.png) top no-repeat;
}
#footer {
	width:934px;
	margin:0 auto 0 auto;
	text-align:center;
	color:#333;
	text-decoration:none;
}
#footer a {
	text-decoration:none;
}
/* Haut de page */
#footer_haut_page {
	display:block;
	width:924px;
	height:10px;
	margin:25px auto 0 auto;
	text-align:right;
	font-size:12px;
	padding:10px 5px;
	background:url(../images/puce_haut_page.png) 830px 11px no-repeat;
}
#footer_haut_page a:link, #footer_haut_page a:visited, #footer_haut_page a:active {
	background-color:green;
}
#footer_haut_page:hover {
	text-decoration:none;
}
/* Menu pied de page */
#menu_footer {
	margin:20px 0 0 0;
}
#menu_footer a {
	font-weight:bold;
	display:inline-block;
	padding:0 5px;
	color:#0d3c6b;
}
#menu_footer a:link, #menu_footer a:visited, #menu_footer a:active {
	text-decoration:none;
}
#menu_footer a:hover {
	text-decoration:underline;
}
/* Adresse*/
#adresse p {
	margin:10px 0 0 0;
	font-size:10px;
}
/* Mentions legales */
#mentions {
	margin:10px 0 0 0;
	font-size:9px;
}
#mentions p, #mentions a:link, #mentions a:visited, #mentions a:active {
	font-size:9px;
	text-decoration:none;
}
#mentions a:hover {
	text-decoration:underline;
}
span.err
{
	color:#C00;
	border:1px solid #C00;
	padding:10px;
	display:block;
	text-align:center;
	margin:1em auto;
	background:#FCC;
	width:380px;
}

span.success
{
	color:#093;
	border:1px solid #093;
	padding:10px;
	display:block;
	text-align:center;
	margin:1em auto;
	background:#CFC;
	width:380px;
}


/*********/
#contactLeft{float:left;}

#contactRight td{
color:#0d3c6b;
font-family:Arial;
font-weight:bold;}

.red{color:red;}

.contact input,select,textarea{
border:1px solid #91b0e3;
background-color:#dde1fd;
padding:2px;}

#contactCoord
{font-family:Arial;
font-weight:bold;
color:#0d4671;}

.numTel{text-align:center;
color:#197bc6;}

.afnic input{
border:1px solid grey;
background-color:#F9FAFA;
padding:3px;}

.afnic{
width:500px;
margin:auto;
background-color:white;
border:2px solid grey;
padding:5px;}


.references{
margin:auto;}

.references p{
text-indent:55px;}

.references td{padding-top:15px;}

.references h4:before{
content:url(../images/puce.png)}


.references h4{text-indent:25px;}


#iframeUPLOAD{
width:620px;
padding:20px;
height:540px;
margin:auto;}

.printD{
color:#615c63;
font-weight:bold;
font-family:Georgia, 'Times New Roman', Times, serif;
font-size:11px;}