@charset "UTF-8";
/*
//////////////////////////////////////
///////////// INFO BULLE ////////////
////////////////////////////////////
*/
a.info_bulle{
color:#666666;
width:200px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
margin:5px 0 0 30px;
padding:0;
float:left;
}  
a.info_bulle:hover {
border: 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
color:#FF6600;
} 
/* Rend invisible LE bloc span */
a.info_bulle span.info_bulle {
position   :  absolute;
width      :  1px;
height     :  1px;
overflow   :  hidden;
z-index:20;
left: 0;
} 

/* Rend visible tout LE bloc span et lui attribue une taille */
a.info_bulle:hover span.info_bulle, a.info_bulle:focus span.info_bulle{
top:  auto;
left:  auto;
width:  200px; 
height:auto;
overflow :visible;
z-index:20;
} 
span.header_bulle{
display: block;  
height: 25px;  /* Hauteur correspondant à celle de notre image */
width:200px;
background: url(../img/bulle-haut.gif) no-repeat 0 0;
font-size: 0; /* Corrige l'espacement inutile sous IE */ 
} 
span.content_bulle{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
color: #000000;
margin:0;
padding:2px;
font-weight:normal;
display     : block; 
background  : url(../img/bulle-mil.gif) no-repeat center bottom;
line-height:normal;
} 
span.footer_bulle{
display     : block; 
height      : 10px;
width:200px; 
background  : url(../img/bulle-bas.gif) no-repeat bottom left; 
font-size   : 0; /* Corrige l'espacement inutile sous IE */
}
/*
//////////////////////////////////////
///////////// CONTENAIR /////////////
////////////////////////////////////
*/
#global{
width:100%;
margin:0;
padding:0;
overflow:hidden;
background-image: url(../img/fond_global.jpg);
background-position:center top;
background-repeat:repeat-y;
}
#head{
position:relative;
background-image:url(../img/tetiere.jpg);
background-position:center top;
background-repeat:no-repeat;
width:900px;
height:72px;
margin:0;
padding:0;
border:0;
}
.contenair_global a{
text-decoration:none;
color:#333333;
}
.contenair_global a:hover{
color:#fa9804;
}
/*
//////////////////////////////////////
///////////// ILLUSTRATION //////////
////////////////////////////////////
*/
.design_fsi_offre{
float:right;
width:240px;
height:229px;
margin:0 0 10px 10px;
padding:0;
background-image:url(../img/force-societe.jpg);
background-position:top center;
background-repeat:no-repeat;
}
.design_fsi_offre_2{
float:right;
width:240px;
height:229px;
margin:0 0 10px 10px;
padding:0;
background-image:url(../img/force-societe-2.jpg);
background-position:top center;
background-repeat:no-repeat;
}
/*
//////////////////////////////////////
///////////// Menu FSI //////////////
////////////////////////////////////
*/

.menu_fsi{
width:192px;
float:left;
margin:0;
color:#FFFFFF;
display:block;
background-color:#666666;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
line-height:15px;
}
.menu_fsi a{
text-decoration:none;
color:#FFFFFF;
background-color:#666666;
}
.menu_fsi a:hover{
display:block;
text-decoration:none;
color:#1866b0;
background-color:#FFFFFF;
}
/*
//////////////////////////////////////
///////////// OFFRE //////////
////////////////////////////////////
*/
.titre_offre {
font-weight:bold;
background-image:url('../img/offre-plus.jpg');
background-repeat:no-repeat;
background-position:center left;
font-family:Arial, Helvetica, sans-serif;
color : #333333;
font-size : 13px;
margin:0;
padding:5px 0 5px 19px;
cursor:pointer;
}
.titre_offre a {
text-decoration:none;
color:#333333;
}
.titre_offre a:hover {
text-decoration:none;
color: #FF6600;
}
.txt_offre{
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:18px;
text-align:left;
margin:0 0 7px 0 ;
padding:0 0 0 19px;
}
/*
//////////////////////////////////////
///////////// TXT /////////////
////////////////////////////////////
*/
h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 15px;
color:#1866b0;
padding:10px 0 5px 0;
margin:0;
}
h2 {
font-family:Arial, Helvetica, sans-serif;
color : #333333;
font-size : 13px;
font-weight:bold;
margin:0;
padding:0 0 5px 0;
}
.txt_courant{
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:18px;
text-align:left;
margin:0 0 7px 0 ;
padding:0;
}
.txt_courant a{
color:#666666;
text-decoration:none;
}
.txt_courant a:hover{
color:#FF6600;
text-decoration:none;
}
.encadre_txt_courant{
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:18px;
text-align:left;
margin:15px 0 0 0;
padding:5px;
border:solid 1px #526275;
background-image:url(../img/fond_degrade.jpg);
background-position:bottom center;
background-repeat: repeat-x;
}
.txt_courant ul{
margin:0;
line-height:15px;
}
.txt_courant li{
margin:0 0 5px 25px;
list-style-image:url(../img/fleche.gif);
list-style-position:outside;
}
.rouge{color:#FF0000;}
.bleu{color:#1866b0;}
.orange{color: #FF6600;}
.fad{text-align:right;}
.cent{text-align:center;}
.fag{text-align:left;}
.alerte{
font-size:12px;
color:#FF0000;
text-align:center;
}
.retrait_20{
margin:0 0 5px 20px;
/margin:0 0 1px 20px;
}
/* //////////  Style etude de cas*/
.titre_etude_cas{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
color:#1866b0;
font-size:12px;
margin:0 0 5px 70px;
padding:10px 0 0 0;
font-size:12px;
}

.txt_cart_etude{
font-family:Arial, Helvetica, sans-serif;
text-align:left;
line-height:16px;
overflow:hidden;
text-align:left;
color:#666666;
font-size:12px;
padding:0 15px 0 5px;
margin:0 27px 0 1px;
border:0;
background-image: url(../img/fond_degrade.jpg);
background-position:bottom left;
background-repeat: repeat-x;
}

.txt_cart_etude li{
margin:0 5px 5px 0;
padding:0;
list-style-type: none;
list-style-position:outside;
list-style-image:url(../img/fleche.gif);
}
.etude_haut{
background-image: url(../img/etude-cas_01.jpg);
background-position:top left;
background-repeat: no-repeat;
height:62px;
margin:0;
padding:0;
}
.etude_mil{
margin:0;
padding:0;
background-image: url(../img/etude-cas_02.jpg);
background-position:top left;
background-repeat: repeat-y;
overflow:hidden;
}
.etude_bas{
background-image: url(../img/etude-cas_03.jpg);
background-position:top left;
background-repeat: no-repeat;
height:14px;
margin:0  0 15px 0;
padding:0;
}

/*//// Style Cas Index */
.txt_cart_etude_index{
font-family:Arial, Helvetica, sans-serif;
text-align:left;
line-height:16px;
overflow:hidden;
text-align:left;
color:#666666;
font-size:12px;
padding:0 15px 0 10px;
margin:0 10px 0 1px;
/*/margin:0 10px 5px 1px;*/
border:0;
}
/*.txt_cart_etude_index ul{
margin:0;
padding:0;

}*/
.txt_cart_etude_index li{
margin:0 5px 5px 35px;
/*/margin:0 0 5px 40px;*/
padding:0;
list-style-type: none;
list-style-position:outside;
list-style-image:url(../img/fleche.gif);
}
/*////////////*/
.corps_deux_col{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:18px;
text-align:left;
margin:0 0 7px 0;
padding:0;
color:#666666;
}
.corps_deux_col_droit{
width:420px;
margin:0 0 7px 150px;
padding:0;
}
.corps_deux_col_left{
width:150px;
float:left;
margin:0 0 7px 0;
padding:0;
}
/*
//////////////////////////////////////
///////// Partenariats //////////////
////////////////////////////////////
*/
.logo_style{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#666666;
width:150px;
float:left;
margin:0 10px 0 0;
padding:0;
}
.txt_logo{
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:18px;
text-align:left;
margin:10px 15px 7px 60px;
padding:5px;
width:420px;
border:solid 1px #1866b0;
}
/*
//////////////////////////////////////
///////// CORPS col Gauche //////////
////////////////////////////////////
*/
#contenair_corps_col_left{
float:left;
font-family: Arial, Helvetica, sans-serif;
text-align:left;
font-size:11px;
text-align:left;
color:#333333;
width:302px;
overflow:hidden;
float:left;
margin:0;
padding:65px 0 0 0;
}
.cart_adresse{
width:286px;
height:170px;
margin:0 16px 10px 0;
padding:0;
background-image:url(../img/fond-adresse.jpg);
background-position:top center;
background-repeat:no-repeat;
}
/*Début Cartouche base*/
.cartouche_haut{
line-height:27px;
text-align:center;
width:286px;
margin:0 16px 0 0;
padding:0;
background-image:url(../img/cartouche_01.jpg);
background-position:top center;
background-repeat:no-repeat;
}
.cartouche_mil{
overflow:hidden;
width:286px;
margin:0 16px 0 0;
padding:0;
background-image:url(../img/cartouche_02.jpg);
background-position:top center;
background-repeat: repeat-y;
}
.txt_cartouche{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
color:#666666;
width:253px;
margin:5px 0 0 1px;
padding: 0 10px 0 15px;
background-image:url(../img/cartouche_03.jpg);
background-position:bottom center;
background-repeat:repeat-x;
}
.txt_cartouche a{
text-decoration:none;
color:#666666;
}
.txt_cartouche a:hover{
text-decoration:none;
color:#FF6600;
}
/*
.txt_cartouche ul{
margin:0;
padding:0;
}
*/
.txt_cartouche li {
margin:0 0 10px 15px;
padding:0;
list-style-type: none;
list-style-position:outside;
list-style-image:url(../img/fleche.gif);
border-bottom:1px dashed #666666;
}
.cartouche_bas{
line-height:17px;
width:286px;
margin:0 16px 20px 0;
padding:1px 0 0 0;
background-image:url(../img/cartouche_04.jpg);
background-position:top center;
background-repeat:no-repeat;
}
/* Fin cartouche bas*/

.cart_index_un_bis{
width:286px;
height:172px;
margin:0 16px 10px 0;
padding:0;
background-image:url(../img/cart_un_index.jpg);
background-position:top center;
background-repeat:no-repeat;
}
.cart_index_deux_bis{
width:286px;
height:172px;
margin:0 16px 10px 0;
padding:0;
background-image:url(../img/cart_deux_index.jpg);
background-position:top center;
background-repeat:no-repeat;
}
.cart_index_trois_bis{
width:286px;
height:368px;
margin:10px 16px 0 0;
padding:1px 0 0 0;
background-image:url(../img/cart_trois_index.jpg);
background-position:top center;
background-repeat:no-repeat;
}

#contenair_corps_col_right{
font-family: Arial, Helvetica, sans-serif;
text-align:left;
font-size:11px;
text-align:left;
color:#333333;
width:575px;
overflow:hidden;
float:left;
margin:0;
padding:0;
}
.titre_cart_bleu_bis{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
color:#FFFFFF;
font-size:12px;
margin:0;
padding:5px 0 0 0 ;
}
.alinea_txt_cart_bis{
text-align:left;
color:#666666;
font-size:12px;
margin:10px 20px 0 60px;
padding:0;
}
.titre_etude_cas_bis{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
color:#1866b0;
font-size:12px;
margin:0 0 0 70px;
padding:15px 0 0 ;
font-size:12px;
}
/*
//////////////////////////////////////
////////// Menu Navigation //////////
////////////////////////////////////
*/
.navigation{
font-family: Arial, Helvetica, sans-serif;
text-align:right;
color:#FF6600;
font-size:13px;
line-height:30px;
/line-height:40px;
font-weight:bold;

}
.navigation a{
font-weight:normal;
color:#1866b0;
text-decoration:none;
}
.navigation a:hover{
font-weight:normal;
color:#FF6600;
text-decoration:none;
}
/*
//////////////////////////////////
///////////// CORPS /////////////
////////////////////////////////
*/
#contenair_corps{
clear:both;
width:890px;
padding:30px 0 20px 10px;
overflow:hidden;
margin:0;
}
#contenair_deux_col{
font-family: Arial, Helvetica, sans-serif;
text-align:left;
font-size:11px;
text-align:left;
color:#333333;
width:603px;
overflow:hidden;
float:left;
margin:0;
padding:0;
}
#contenair_une_col{
font-family: Arial, Helvetica, sans-serif;
text-align:left;
font-size:11px;
text-align:left;
color:#333333;
width:281px;
overflow:hidden;
float:left;
margin:0;
padding:0;
}
.titre_cart_bleu{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
color:#FFFFFF;
font-size:12px;
margin:5px 0 0 0;
padding:0;
}
.alinea_txt_cart{
text-align:left;
color:#666666;
font-size:12px;
margin:10px 20px 0 60px;
padding:0;
}
.txt_lien{
font-size:11px;
padding:0;
margin:5px 20px 0 20px;
}
.txt_lien a{
text-decoration:none;
color:#1866b0;
}
.txt_lien a:hover{
text-decoration:none;
color:#FF6600;
}
.txt_cart{
text-align:left;
color:#666666;
font-size:12px;
margin:0 20px 0 20px;
padding:0;
border:0;
}

.etude_col_left{
float:left;
width:120px;
padding:0;
margin:0;
}
.etude_col_right{
float:left;
width:130px;
padding:0;
margin:0;
}
/*
//////////////////////////////////////
///////////// CARTOUCHE INDEX ////////////
////////////////////////////////////
*/
.cart_index_un{
float:left;
width:286px;
height:172px;
margin:20px 16px 0 0;
padding:0;
background-image:url(../img/cart_un_index.jpg);
background-position:top center;
background-repeat:no-repeat;
}
.cart_index_deux{
float:left;
width:286px;
height:172px;
margin:20px 15px 0 0;
padding:0;
background-image:url(../img/cart_deux_index.jpg);
background-position:top center;
background-repeat:no-repeat;
}
.cart_index_trois{
float:left;
width:286px;
height:368px;
margin:20px 0 0 0;
padding:0;
background-image:url(../img/cart_trois_index.jpg);
background-position:top center;
background-repeat:no-repeat;
}
.externalisation{
float:left;
width:286px;
height:172px;
margin:20px 15px 0 0;
padding:0;
background-image:url(../img/externalisation.jpg);
background-position:top center;
background-repeat:no-repeat;
}
/*
//////////////////////////////////////
///////////// FORMULAIRE ////////////
////////////////////////////////////
*/
/*Form evaluation FSI*/
.ch_mail_fsi{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:13px;
line-height:18px;
width:300px;
height:18px;
border:solid 1px #999999;
margin:5px 0 0 10px;
padding:0;
float:left;
}
.txt_ch_mail_fsi{
width:200px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#666666;
line-height:20px;
padding:5px 0 0 30px;
/*
/margin:5px 0 0 15px;*/
margin:0;
float:left;
}
.txt_ch_mail_fsi a{
text-decoration:none;
color:#1866b0;
}
.txt_ch_mail_fsi a:hover{
text-decoration:none;
color: #FF6600;
}
.txt_ch_mail_alerte_fsi a{
text-decoration:none;
color:#1866b0;
}
.txt_ch_mail_alerte_fsi a:hover{
text-decoration:none;
color: #FF6600;
}
.txt_ch_mail_alerte_fsi{
width:200px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FF0000;
line-height:20px;
padding:5px 0 0 30px;
/*
/margin:5px 0 0 15px;*/
margin:0;
float:left;
}
.ch_message_mail_fsi{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:13px;
line-height:18px;
width:300px;
height:80px;
border:solid 1px #999999;
margin:5px 0 0 10px;
padding:0;
float:left;
}
/*Form mail*/
.ch_mail{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:13px;
line-height:18px;
width:300px;
height:18px;
/*float:left;*/
border:solid 1px #999999;
margin:5px 0 0 0;
padding:0;
}
.ch_message_mail{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:13px;
line-height:18px;
width:300px;
height:200px;
/*float:left;*/
border:solid 1px #999999;
margin:5px 0 30px 0;
padding:0;
}
.txt_ch_mail{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#666666;
width:100px;
line-height:20px;
float:left;
margin:5px 0 0 50px;
padding:0;
}
.txt_ch_mail_alerte{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#CC0000;
width:100px;
line-height:20px;
float:left;
margin:5px 0 0 50px;
padding:0;
}
.btn_envoyer{
clear:both;
display:block;
width:80px;
height:20px;
margin:0 0 0 260px;
padding:0;
background-image:url(../img/btn_envoyer.jpg);
background-position:left top;
background-repeat:no-repeat;
border:0;
}
/* Form rappel*/
.ch_rappel{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
line-height:18px;
width:175px;
height:18px;
float:left;
border:solid 1px #999999;
margin:5px 0 0 0;
padding:0;
}
.ch_rappel_tel{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
line-height:18px;
width:125px;
height:18px;
float:left;
border:solid 1px #999999;
margin:5px 17px 0 0;
padding:0;
}
.txt_ch_rappel{
font-size:12px;
width:65px;
line-height:20px;
float:left;
margin:5px 0 0 0;
padding:0;
}
.btn_rappel_ok{
display:block;
width:32px;
height:20px;
float:left;
margin:5px 0 0 0;
padding:0;
background-image:url(../img/btn_ok.jpg);
background-position:left top;
background-repeat:no-repeat;
border:0;
}
/*Form evaluation*/
.select_eval{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
clear:both;
width:130px;
height:18px;
border:solid 1px #999999;
margin:7px 0 3px 100px;
line-height:18px;
padding:1px 0 0 0;
text-align:left;
font-size:13px;
color:#333333;
}
/*
//////////////////////////////////////
///////////// FOOTER /////////////
////////////////////////////////////
*/
#contenair_footer{
clear:both;
width:100%;
margin:0;
height:40px;
padding:0;
background-image:url(../img/footer.jpg);
background-position:center top;
background-repeat:no-repeat;
}
.footer{
display:block;
height:20px;
background:#1866b0;
width:875px;
line-height:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
text-align:left;
margin:0;
padding:0 5px 0 5px;
}
.footer a{
text-decoration:none;
color:#FFFFFF;
}
.footer a:hover{
text-decoration:none;
color:#66CCFF;
}

/*
Laurent Ilgart
01.58.35.01.13
02.03.2010
*/

/* ======================================= Balises générales =============================== */
.distext {
	display: none;
}
.internalLink {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 9px;
	list-style: none;
	width: 900px;
	margin: 10px auto;
}
.internalLink li {
	width: 33%;
	float: left;
}
.internalLink li a:link, .internalLink li a:visited, .internalLink li a:hover, .internalLink li a:active {
	color: #666;
}