@charset "utf-8";


*{
	margin: 0;
	padding: 0;
	border: none;
}

body {
	color:#585F5F;
	background: #FFF url(img/bg.jpg) top left repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

a:link, a:visited, a:active {
	background-color: transparent;
	text-decoration: none;
	color:#E93212
}
a:hover { text-decoration: underline; }  

input{border:1px solid #999999;width:170px;color:#12589E}

textarea{border:1px solid #999999;width:170px;color:#12589E}

#button{
	background-color:#999999;
	color:#FFFFFF;
	width:100px;
	text-transform: uppercase;
	font-size:11px;
	height:25px
}

#button a:link,#button a:active,#button a:visited{
	background-color:#999999;
	color:#FFFFFF;
}

#button a:hover{
	background-color:#838383;
	color:#FFFFFF;
}


/*---------------- BLOCS PRINCIPAUX -----------------*/


#page{
	top:5px;
	position: absolute;
	background-color:#FFFFFF;
	width: 962px;
	margin-right:-480px;
	right:50%;
}

#languages{
	float:left;
	position: relative;
	text-align:right;
	background: #DED3CF url(img/languages.gif) top right no-repeat;
	width: 962px;
	border-bottom:1px solid #CCCCCC;
	padding:3px 0px 0 0;
	height:17px;
}

#languages a:active,#languages a:link,#languages a:visited{
	color:#A3CAF1;text-decoration:underline
}

#languages a:hover{
	color:#FFF;text-decoration:underline
}

#language-FR{
	float:right;
	text-align:center;
	position:relative;
	width:69px;
	height:17px;
}

#language-EN{
	float:right;
	position:relative;
	text-align:center;
	width:69px;
	height:17px;
}

/* <<<<<<<< HEADER >>>>>>>>> */

#header{
	float:left;
	position: relative;
	width: 960px;
	height:143px;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC
}

#header-logo{
	float:left;
	position: relative;
	width: 259px;
	height:143px;
}

#header-droite{
	float:left;
	position: relative;
	width: 701px;
	height:143px;
}

#header-droite-partie1-haut{
	float:left;
	position: relative;
	width: 701px;
	height:97px;
}

#header-droite-partie1-haut-ciel{
	float:left;
	position: relative;
	width: 177px;
	height:97px;
	background: url(img/carb-s_header1.jpg) top right no-repeat;
}

#header-droite-partie1-haut-flash{
	float:left;
	position: relative;
	width:524px;
	height:97px;
	background: url(img/carb-s_header2.jpg) top right no-repeat;
}

#header-droite-partie2-bas{
	float:left;
	position: relative;
	width: 701px;
	height:46px;
}

#header-droite-partie2-bas-regle{
	float:left;
	position: relative;
	width: 701px;
	height:22px;
	background: url(img/carb-s_header3.gif) top right no-repeat;
}

/* <<<<<<<< MENU - SOUS MENU >>>>>>>>> */

#menu{
	float:left;
	position: relative;
	width: 701px;
	height:24px;
	background: url(img/carb-s_bg-menu.jpg) top right no-repeat;
}

#sous-menu{
	float:left;
	position: relative;
	width: 960px;
	height:44px;
	background: url(img/carb-s_bg-ssmenu.jpg) top right no-repeat;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	color:#FFFFFF
}

#sous-menu-conteneur{
	float:right;
	position: relative;
	width: 700px;
	height:44px;
}

#sous-menu1{
	float:left;
	position: relative;
	width: 700px;
	height:28px;
}

#sous-menu2{
	float:left;
	position: relative;
	width: 686px;
	height:16px;
	text-align:right;
	text-transform:uppercase
}

.smenu2 a:link,.smenu2 a:active,.smenu2 a:visited{
color:#CCCCCC;
}

#menu-btn a:active,#menu-btn a:link,#menu-btn a:visited{
	float:left;
	position: relative;
	width: auto;
	height:18px;
	padding-top:6px;
	padding-left:6px;
	padding-right:12px;
	color:#FFFFFF;
}

#menu-btn a:active,#menu-btn a:link,#menu-btn a:visited{
	color:#FFFFFF;
}

#menu-btn a:hover{
	color:#FFFFFF;
	text-decoration:none;
	background-color:#740B05
}

#menu-btn-ON{
	float:left;
	position: relative;
	width: auto;
	height:18px;
	padding-top:6px;
	padding-left:12px;
	padding-right:12px;
	background-color:#3C3C3C;
	color:#FFFFFF;
}

#sous-menu-btn a:active,#sous-menu-btn a:link,#sous-menu-btn a:visited{
	float:left;
	position: relative;
	width: auto;
	height:20px;
	padding-top:8px;
	padding-left:6px;
	padding-right:6px;
	color:#FFFFFF;
}

#sous-menu-btn a:hover{
	color:#FFFFFF;
	text-decoration:none;
	background-color:#232323
}

#sous-menu-btn-ON{
	float:left;
	position: relative;
	width: auto;
	height:20px;
	padding-top:8px;
	padding-left:3px;
	padding-right:6px;
	background-color:#FFFFFF;
	color:#EE3F20;font-weight:bold
}


/* <<<<<<<< CONTENU GENERAL >>>>>>>>> */

#contenu{
	float:left;
	position: relative;
	width: 960px;
	height:413px;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background: url(img/bg-content.jpg) bottom left no-repeat;
}

#contenu-accueil{
	float:left;
	position: relative;
	width: 960px;
	height:413px;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background: url(img/bg-accueil.jpg) top right no-repeat;
}

#contenu-activites{
	float:left;
	position: relative;
	width: 960px;
	height:413px;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background: url(img/bg-activites.jpg) top right no-repeat;
}

#footer-accueil-mentions{
	height:30px;
	padding-top:8px;
	text-align:center;
	color:#333;
	float:left;
	position: relative;
	width: 960px;
}

#footer-accueil-mentions a:link,#footer-accueil-mentions a:active,#footer-accueil-mentions a:visited{
color:#666666;text-decoration:underline
}

#footer-accueil-mentions a:hover{
color:#000;text-decoration:underline
}

/* <<<<<<<< PARTIE GAUCHE - PHOTOS >>>>>>>>> */

.pit-sas a:active,.pit-sas a:link,.pit-sas a:visited{
	color:#333333;
	font-size:11px;
	text-transform: uppercase;
}

.pit-sas a:hover{
	color:#FFF;
	text-decoration:none
}

#image-accueil{
	float:left;
	position: relative;
	width: 260px;
	height:30px;padding-top:383px;
	background: url(img/partie-gauche/accueil.jpg) top right no-repeat;
	text-align:center
	
}

#image-edito{
	float:left;
	position: relative;
	width: 260px;
	height:30px;padding-top:383px;
	background: url(img/partie-gauche/edito.jpg) top right no-repeat;
	text-align:center
	
}

#image-presentation{
	float:left;
	position: relative;
	width: 260px;
	height:30px;padding-top:383px;
	background: url(img/partie-gauche/presentation.jpg) top right no-repeat;
	text-align:center
	
}

#image-technologie{
	float:left;
	position: relative;
	width: 260px;
	height:30px;padding-top:383px;
	background: url(img/partie-gauche/technologie.jpg) top right no-repeat;
	text-align:center
	
}

#image-produits{
	float:left;
	position: relative;
	width: 260px;
	height:30px;padding-top:383px;
	background: url(img/partie-gauche/produits.jpg) top right no-repeat;
	text-align:center
	
}

#image-domaines{
	float:left;
	position: relative;
	width: 260px;
	height:30px;padding-top:383px;
	background: url(img/partie-gauche/domaines.jpg) top right no-repeat;
	text-align:center
	
}

#image-moyens{
	float:left;
	position: relative;
	width: 260px;
	height:30px;padding-top:383px;
	background: url(img/partie-gauche/moyens.jpg) top right no-repeat;
	text-align:center
	
}

#image-references{
	float:left;
	position: relative;
	width: 260px;
	height:30px;padding-top:383px;
	background: url(img/partie-gauche/references.jpg) top right no-repeat;
	text-align:center
	
}

#contenu-interne{
	float:left;
	position: relative;
	width: 699px;
	height:335px;margin-top:18px;
}

#partie-txt-1{
	float:left;
	position: relative;
	width: 303px;
	height:335px;padding-left:20px;
}

#partie-txt-2{
	float:right;
	position: relative;
	width: 303px;
	height:335px;padding-right:18px;
}


#partie-txt-3{
	float:left;
	position: relative;
	width: 200px;
	height:335px;padding-left:90px;
}

#partie-txt-4{
	float:right;
	position: relative;
	width: 295px;
	height:335px;padding-right:18px;
}

#partie-txt-5{
	float:left;
	position: relative;
	width: 303px;
}

#partie-txt-6{
	float:right;
	position: relative;
	width: 303px;
	padding-right:18px;
}
/* <<<<<<<< TITRES PAGES >>>>>>>>> */

#titre-page{
	float:left;
	position: relative;
	background-color:#003366;
	width: 475px;
	height:42px;
}


/*---------------- STYLES -----------------*/
.titre-accueil{color:#F26522;font-size:14px}

.titre-accuei2{
	color:#CC3306;
	font-size:14px
}

.titre-gris{color:#333;font-size:14px}

.cadre-photos{border: 1px solid #ccc}

.orange1{
	color:#EE3F20;
	font-weight:bold
}

.orange2{color:#E67827;}

.orange3{color:#E67827;font-weight:bold;font-size:15px}

.bleu1{
	color:#EE3F20;
	font-size:16px
}

.titre-blanc{
	color:#FFF;
	font-size:14px;
}

