/*****************************************/
/************************************************** RUBRIQUE **********************************/
/****************************************/

body {
 background: url("../images/rubrique_fd.gif") 50% 65px no-repeat;
}

#header_rub {
 width: 778px;
 margin: 0 0 20px 0;
 border: 0px solid green;
}

#content {
 position: relative;
 clear: left;
 float: left;
 width: 778px;
 padding: 0 0 30px 0;
 border: 0px solid green;
}
#left {
 position: relative;
 clear: left;
 float: left;
 width: 530px;
 margin: 0 30px 35px 0;
 padding: 0 0 0 30px;
 border: 0px solid green;
}
#content p {
 font-size: 12px;
 color: #4F4F4F;
 margin: 10px 0 15px 0;
}
#content a:link, #content a:visited, #content a:visited {
 text-decoration: none;
}
#content a:hover { text-decoration: underline;}


/*************** BASIQUES *****************/
#content a.bleu, #content .bleu {color: #3168B3;}
#content a.rouge, #content .rouge {color: #FE0000;}
#content a.noir, #content .noir {color: #4F4F4F;}
#content a.underline:link, #content a.underline:active, #content a.underline:visited {text-decoration: underline; color: #4F4F4F;}
#content a.underline:hover {text-decoration: none; color: #3168B3;}

#content .bold {font-weight: bold;}

#content .txt14 {font-size: 14px;}

#content .left {float: left;}
#content .right {float: right;}

#content .margeR10 {margin: 0 10px 10px 0;}
#content .margeL10 {margin: 0 0 10px 10px;}



/************************* ELEMENTS CONTENT *********************/

#content p.petitpoucet {
 font-size: 10px;
 color: #FE0000;
 margin: 0;
 padding: 25px 0 0 0;
}
#content p.petitpoucet a:link, #content p.petitpoucet a:visited, #content p.petitpoucet a:visited {
 font-size: 12px;
 text-decoration: none;
 margin: 0;
 padding: 0;
}
#content p.petitpoucet a:hover { text-decoration: underline;}
#content p.petitpoucet a:link, #content p.petitpoucet a:active, #content p.petitpoucet a:visited {
 font-size: 10px;
 color: #FE0000;
 text-decoration: none;
 margin: 0;
 padding: 0;
}
#content p.petitpoucet a:hover {text-decoration: underline;}
#content p {}
#content p.chapo {
 font-size: 14px;
 font-weight: bold;
 color: #3A7CD5;
 padding: 15px 0 15px 0;
 margin: 0;
}
#content p.citation {
 font-size: 14px;
 font-weight: bold;
 color: #FE0000;
 padding: 15px 0 5px 0;
 margin: 0;
}
#content p.auteur {
 font-size: 11px;
 text-align: right;
 color: #4F4F4F;
 padding: 0 30px 10px 0;
 margin: 0;
}

#content h2 {
 font-size: 18px;
 font-weight: normal;
 color: #3168B3;
 padding: 24px 0 8px 0;
 margin: 0;
}
#content h3 {
 font-size: 14px;
 font-weight: bold;
 color: #4F4F4F;
 padding: 18px 0 6px 0;
 margin: 0;
}
#content ul {
 font-size: 14px;
 font-weight: bold;
 color: #4F4F4F;
 padding: 0;
 margin: 0 0 15px 0;
}
#content ul.normal {font-weight: normal; font-size: 12px;}
#content ul.col3 {
 float: left;
 width: 30%;
 font-size: 14px;
 font-weight: bold;
 color: #4F4F4F;
 padding: 0;
 margin: 0 0 15px 0;
}
#content ul a {color: #4F4F4F; text-decoration: none;}

#content li.list {
 font-size: 12px;
 font-weight: normal;
 color: #4F4F4F;
 list-style-image: url("../images/puce.gif");
 list-style-position: outside;
 padding: 6px 0 0 0;
 margin: 0 0 0 25px;
}
#content li.nolist {
 font-size: 12px;
 font-weight: normal;
 color: #4F4F4F;
 list-style-type:none;
 padding: 6px 0 0 0;
 margin: 0 0 0 25px;
}

#content ul.num {
 font-size: 12px;
 font-weight: normal;
 color: #4F4F4F;
 padding: 0;
 margin: 0 0 15px 25px;
}
#content ul.num li {
 list-style-type: decimal;
 margin: 0 0 8px 0;
}
#content ul.num .ligne1 {
 font-weight: bold;
}
#content ul.num .ligne2 {
 color: #FF0000;
}

/************************* PRODUITS CONTENT ********************/
div.produitsRub {
 float: left;
 width: 240px;
 height: 132px;
 background: url("../images/rub_produits_via_fd.gif") 0% 100% no-repeat;
 margin: 5px 0 0 10px;
}
div.produitsRub a:link, div.produitsRub a:active, div.produitsRub a:visited {
 display: block;
 color: #5780B7;
 font-size: 0.8em;
 line-height: 1.1em;
 font-weight: bold;
 text-decoration: none;
 margin: 0 6px 0 14px;
}
div.produitsRub a:hover {text-decoration: underline;}



/***************************** PAGE SOCIETE LES PORTRAITS DE L'EQUIPE ******************/

div.equipe {
 float: left;
 width: 530px;
 margin: 0 0 20px 0;
}
div.equipe img {float: left; border: 0px; margin: 0 10px 5px 0;}
div.equipe .nom {
 display: block;
 font-size: 1em;
 font-weight: bold;
 margin: 0 6px 0px 14px;
 padding: 0;
}
div.equipe .titre {
 display: block;
 font-size: 0.8em;
 line-height: 1.1em;
 font-weight: bold;
 padding: 0;
 margin: 4px 0 0 0;
}
div.equipe .cv {
 padding: 0;
 margin: 0;
}



/************************ FORMULAIRE **************************/
#content form {margin: 0 0 0 30px; padding: 0; width: 410px;}
#content p.item {
 float: left;
 width: 100px;
}

#content input.txt, #content textarea {
 float: left;
 width: 300px;
 border: 1px solid #CEE2FF;
 background: url("../images/form_input_fd.gif") 0% 100% repeat-x;
 padding: 0 0 0 6px;
 margin: 4px 0 0 0;
 color: #397AD2;
 font-weight: bold;
}
#content input.txt {height: 18px;}
#content textarea {height: 80px;}
#content select {
 float: left;
 width: 308px;
 border: 1px solid #CEE2FF;
 padding: 0 0 0 6px;
 margin: 4px 0 0 0;
 color: #397AD2;
 font-weight: bold;
}
#content input.bouton {
 float: right;
 background: url("../images/bouton_envoyer.gif") 0% 100% repeat-x;
 width: 79px;
 height: 41px;
 border: 0px;
 margin: 25px 0 0 0;
}


/************************************ COLONNE RIGHT **************************/

#right {
 float: right;
 width: 162px;
 margin: 0 0 0 0;
 padding: 56px 0 0 0;
 border: 0px solid green;
}
#right img {border: 0px;}

#menu_n2 {
 float: right;
 width: 162px;
 background: #DBE7F6 url("../images/right_sousmenu_fd_item.gif") 0% 100% no-repeat;
 border-bottom: 3px solid #397BD4;
 margin: 0 0 15px 0;
}
#menu_n2 h1 {
 font-weight: normal;
 padding: 34px 0 4px 6px;
 margin: 0;
 background: #F3F7FD url("../images/right_sousmenu_fd_titre.gif") 0% 100% no-repeat;
}
#menu_n2 h1 a:link, #menu_n2 h1 a:active, #menu_n2 h1 a:visited {
 text-decoration: none;
 font-size: 18px;
 color: #FFF;
}
#menu_n2 h1 a:hover {color: #FE0000;}
#menu_n2 a.menu_n2:link, #menu_n2 a.menu_n2:active, #menu_n2 a.menu_n2:visited {
 display: block;
 font-size: 12px;
 color: #3A7CD5;
 font-weight: bold;
 text-decoration: none;
 border-top: 1px solid #EAF1FA;
 border-bottom: 1px solid #B7CFEE;
 padding: 4px 6px 3px 10px;
 margin: 0;
}
#menu_n2 a.menu_n2:hover {background: #BCD3F0; color: #FE0000;}
#menu_n2 a.selected:link, #menu_n2 a.selected:active, #menu_n2 a.selected:visited {
 display: block;
 font-size: 12px;
 color: #FE0000;
 font-weight: bold;
 text-decoration: none;
 background: #BCD3F0;
 border-top: 1px solid #EAF1FA;
 border-bottom: 1px solid #B7CFEE;
 padding: 4px 6px 3px 10px;
 margin: 0;
}


/********************** VOS BESOINS ********************/

#besoins {
 float: right;
}



/*************************** BLOC EN SAVOIR PLUS **********************/
#savoirPlus {
 float: right;
 width: 146px;
 border-right: 1px solid #D7E4F6;
 border-top: 1px solid #D7E4F6;
 padding: 9px 4px 0 6px;
 margin: 15px 0 0 0;
}
#savoirPlus ul {
 font-size: 12px;
 color: #4F4F4F;
 padding: 0 4px 0 6px;
 margin: 0;
}
#savoirPlus li {
 font-size: 11px;
 color: #4F4F4F;
 list-style-image: url("../images/puce.gif");
 list-style-position: outside;
 padding: 6px 0 0 0;
 margin: 0 0 0 25px;
}
#savoirPlus a:link, #savoirPlus a:active, #savoirPlus a:visited {
 display: block;
 font-size: 11px;
 color: #FE0000;
 font-weight: bold;
 text-decoration: underline;
 margin: 0;
}
#savoirPlus a:hover {color: #3A7CD5;}




/************************ TITRES VIASOLUTIONS ****************/

div.viasolutions {
 float: left;
 width: 90%;
 margin: 0 0 10px 0;
 padding: 40px 10% 6px 0;
}
div#viacontacts { background: url("../images/rub_produits_viacontacts_icone.gif") 100% 0% no-repeat;}
div#viacall { background: url("../images/rub_produits_viacall_icone.gif") 100% 0% no-repeat;}
div#viamessages { background: url("../images/rub_produits_viamessages_icone.gif") 100% 0% no-repeat;}
div#viahost { background: url("../images/rub_produits_viahost_icone.gif") 100% 0% no-repeat;}
div#viahost2 { background: url("../images/rub_produits_viahost2_icone.gif") 100% 0% no-repeat;}





/************************** TABLEAU ************************/

/* tableau*/
.barretab {
 background: #E2ECF9 url("../images/barre-tab-fd.gif") 100% 0% repeat-x;
 height: 24px;
 color: #FFF;
 font: bold 12px arial;
 border-right: 1px solid #FFF;
 padding: 2px 6px 0 6px;
}
td.width1 {width: 110px;}
td.width2 {width: 143px;}
td.width3 {width: 230px;}
.ligne {
	vertical-align: top;
	font-size: 11px;
	color: #333;
	border-bottom: 1px solid #E2ECF9;
	padding: 6px 6px 2px 6px;
	margin: 0px 0px 0px 0px;
}
table a:link, table a:visited, table a:active {
	font-size: 11px;
	color: #333;
	text-decoration: none;
}
table a:hover {text-decoration: underline;}
table a.rouge:link, table a.rouge:visited, table a.rouge:active {color: #FE0000;}
table img {border-right: 3px solid #E2ECF9; border-bottom: 3px solid #E2ECF9; background-color: #FFF; padding: 4px;}