﻿/* ******** GENERALITES ************************************************************************** */

body {
	background-color: #7fc9e8; 
	text-align: center;
	padding-bottom: 2em;
}
body, div, td, th, textarea, input, select, p {
	font-size: 13px; 
	color: #000000; 
	font-family: tahoma, sans-serif; 
	text-align: left; 
}
td {
	vertical-align: top;
}
* {
	margin: 0;
	padding: 0;
}
img { border: none; }

a, a:link { 
	text-decoration: none; 
	color: #2062ac; 
	font-size: 12px;
}
a:hover { 
	text-decoration: underline; 
	color: #2062ac; 
}


.erreur
{
    color:#ff0000;
    font-weight:bold;
}



#optionadhesion a, #optionadhesion a:link { 
	text-decoration: none; 
	font-size: 13px;
	color:#000;
}
#optionadhesion a:hover { 
	text-decoration: underline; 
}

#mainheader
{
    width: 970px;
    margin:0 auto;
}





/* ******** HEADER ************************************************************************** */

DIV#header {
	/*background: url(../img/header_fd.png) top repeat-x;*/
	width: 964px;
	height: 107px;
	text-align: right;
	position: relative;
	overflow:hidden;
}
DIV#navy {
	background: url(../img/navy_fd.png) top repeat-x;
	width: 970px;
	height: 32px;
	text-align: center;
	position: relative;
	overflow:hidden;
}







/* ******** CONTENT ************************************************************************** */

DIV#main {
	background: url(../img/main_fd.png) top repeat-y;
	width: 950px;
	text-align: center;
	padding: 0 10px 0 10px;
}
div.hr {
	background: url(../img/hr_fd.png) top repeat-x;
	height: 6px;
	font-size: 0;
	width: 950px;
}
* html div.hrie6 { margin-left: 10px; }

DIV.content { 										/* Sans marge */
	width: 950px;
	text-align: left;
}


DIV.contentHome { 								/* Sans marge et avec le fond pour l'accueil */
	width: 950px;
	text-align: left;
	background: url(../img/home_fd.jpg) left bottom no-repeat;
	min-height: 360px;
	
}

DIV.content1, DIV.content4,DIV.content2 { 			/* Avec marges de  30 pixels*/
	width: 890px;
	text-align: left;
	padding: 0 30px 0 30px;
}



DIV.content2 td {
	vertical-align: middle;
	text-align: left;
}
DIV.content2 br {
	font-size: 8px;
}
DIV.content3 { 										/* Avec marge plus petite à droite */
	text-align: left;
	padding: 0 10px 0 30px;
}
DIV.content4 strong {
	font-size: 13px; 
	font-family: arial, sans-serif; 
}








/* ******** BAS DE PAGE ********************************************************************************* */

DIV#navyfoot {
	background: url(../img/navyfoot_fd.png) top repeat-x;
	width: 970px;
	height: 28px;

}
DIV#navyfoot DIV {
	padding-left: 130px;
	text-transform: uppercase;
	
	font-size: 8px;
	color: #000000;
	font-family: arial, sans-serif; 
	text-align: center;
	vertical-align: middle;
	padding-top: 10px;
}
DIV#navyfoot DIV a, DIV#navyfoot DIV a:link { 
	text-decoration: none; 
	color: #000000; 
	font-size: 8px;
	text-decoration: none;
	font-family: arial, sans-serif;
	text-transform: uppercase;
}
DIV#navyfoot DIV a:hover { 
	text-decoration: underline;
}
#footer {
	color: #FFFFFF;
	font-size: 9px;
	text-align: center;
	padding-top: 7px;
}
#footer a, #footer a:link { 
	text-decoration: none; 
	color: #FFFFFF; 
	font-size: 9px;
	text-decoration: none;
}
#footer a:hover { 
	text-decoration: underline;
}







/* ******** PROCESS ADHESION ************************************************************************** */

.processAdhesion {
	width: 890px;
	height: 66px;
}
.etape1, .etape2, .etape3, .etape4, .etape5  {
	font-size: 13px;
	color: #000000;
	display: block;
  float: left;
	text-align: center;
	padding-top: 3px;
	width: 178px;
}
.etape1On .etape1, .etape2On .etape2, .etape3On .etape3 , .etape4On .etape4 , .etape5On .etape5 {
	height: 63px;
	color: #FFFFFF;
	padding-top: 2px;
	width: 178px;
}











/* ******** TITRES ET STYLES DE TEXTES ************************************************************************** */


H1 { FONT-SIZE: 22px; padding: 16px 0 12px 0; font-weight: normal; }
H2 {FONT-SIZE: 14px; font-weight: bold; padding-bottom: 5px; }
H3 { background: #0085a1; color: #FFFFFF; text-transform: uppercase; font-family: arial narrow; font-size: 13px; padding: 1px 10px 1px 10px; }
H4 { color: #0094d2; FONT-SIZE: 12px; padding-bottom: 5px; font-weight: bold; vertical-align: middle; }
H4.bis { color: #003366; FONT-SIZE: 13px; font-weight: normal; }
H4 img { vertical-align: middle; }
H5 { FONT-SIZE: 20px; padding: 0 0 5px 0; font-weight: normal; }
H6 { color: #0094d2; FONT-SIZE: 12px; padding-bottom: 5px; font-weight: bold; vertical-align: middle; background: url(../img/puce1.png) left no-repeat; padding-left: 1.4em; padding-bottom: 0.6em; }
H6 a, H6 a:link, H6 a:hover { color: #0094d2; }
H6.orange { color: #ff6600; FONT-SIZE: 12px; padding-bottom: 5px; font-weight: bold; vertical-align: middle; background: url(../img/puce2.png) left no-repeat; padding-left: 1.4em; padding-bottom: 0.6em; }
H6.orange a, H6.orange a:link, H6.orange a:hover { color: #ff6600; }
H6.rose { color: #ff3366; FONT-SIZE: 12px; padding-bottom: 5px; font-weight: bold; vertical-align: middle; background: url(../img/puce3.png) left no-repeat; padding-left: 1.4em; padding-bottom: 0.6em; }

.orange { color: #ff6600; }
.bleu { color: #003366; }
.turquoise { color: #0085a1; }
.bleuvert { color: #0094d2; }
.blanc { color: #FFFFFF; }
.vert { color: #9ea91c; }
.rose { color: #ff3366; }

.accrHome1 { color: #ff6600; font-weight: bold; font-size: 21px; font-family: arial; }
.accrHome2 { color: #d75501; font-weight: bold; font-size: 26px; font-family: arial; }
.accrHome3 { color: #000000; font-size: 16px; font-family: arial; }

ul {
	list-style-image: none;
	padding: 0;
	padding-left: 0.5em;
	margin: 0.4em 0 0.3em 2em;
	line-height: 1.2em;
}
.legende {
	font-size: 10px;
}
.legende2 {
	font-size: 11px;
}
.legende3 {
	font-size: 9px;
}
.zoom {
	font-size: 15px;
}








/* ******** BLOCS DE CONTENUS ************************************************************************** */





/* ******** BLOC BLEU ******** */
.bloc3 {
	width: 820px;
	background: url(../img/bloc3_fd.png) repeat-y;
	padding: 5px 30px 5px 40px;	
}
.bloc3Haut {
	width: 890px;
	background: url(../img/bloc3_haut.png) 0 5px no-repeat;
	height: 28px;
}
.bloc3Bas {
	width: 890px;
	background: url(../img/bloc3_bas.png) no-repeat;
	height: 35px;
}
.bloc3BasOmbre {
	width: 890px;
	background: url(../img/bloc3_bas_ombre.png) no-repeat;
	height: 35px;
}


/* ******** BLOC BLEU CLAIR ******** */
.bloc4 {
	width: 820px;
	background: url(../img/bloc4_fd.png) repeat-y;
	padding: 5px 30px 5px 40px;	
}
.bloc4Haut {
	width: 890px;
	background: url(../img/bloc4_haut.png) 0 5px no-repeat;
	height: 19px;
}
.bloc4Bas {
	width: 890px;
	background: url(../img/bloc4_bas.png) no-repeat;
	height: 45px;
}



/* ******** BLOC BLANC A L INTERIEUR DU BLOC BLEU CLAIR ******** */
.bloc5Haut {
	background: #FFFFFF url(../img/bloc5_hg.png) left no-repeat;
	height: 7px;
}
.bloc5HautDroite {
	background: url(../img/bloc5_hd.png) right no-repeat;
	height: 7px;
}
.bloc5Bas {
	background: #FFFFFF url(../img/bloc5_bg.png) left no-repeat;
	height: 7px;
}
.bloc5BasDroite {
	background: url(../img/bloc5_bd.png) right no-repeat;
	height: 7px;
}
.bloc5 {
	background-color: #FFFFFF;
	text-align: left;
	padding: 0 40px 0 40px;
}




/* ******** BLOC BLEU LARGE POUR TEMOIGNAGE ******** */
.bloc12 {
	width: 800px;
	background: #cceaf6 url(../img/bloc12_haut.png) no-repeat;
	padding: 25px 30px 10px 60px
}
.bloc12Bas {
	width: 890px;
	background: url(../img/bloc12_bas.png) no-repeat;
	height: 14px;
}





/* ******** BLOC ORANGE DANS LES PRODUITS ******** */
.bloc13 {
	width: 347px;
	background: url(../img/bloc13_fd.png) repeat-y;
	padding: 5px 50px 5px 30px;	
}
.bloc13Haut {
	width: 427px;
	background: url(../img/bloc13_haut.png) 0 5px no-repeat;
	height: 18px;
}
.bloc13Bas {
	width: 427px;
	background: url(../img/bloc13_bas.png) no-repeat;
	height: 206px;
}




/* ******** BLOC VERT DANS LES PRODUITS ******** */
.bloc14 {
	width: 347px;
	background: url(../img/bloc14_fd.png) repeat-y;
	padding: 5px 50px 5px 30px;	
}
.bloc14Haut {
	width: 427px;
	background: url(../img/bloc14_haut.png) 0 5px no-repeat;
	height: 18px;
}
.bloc14Bas {
	width: 427px;
	background: url(../img/bloc14_bas.png) no-repeat;
	height: 206px;
}




/* ******** TOUS LES BLOCS ******** */
.bloc3 table tr td, .bloc4 table tr td, .bloc5 table tr td {
	vertical-align: middle;
}














/* ******** FORMULAIRES ************************************************************************** */

.label { vertical-align: middle; }
input.txt, textarea.txt { 
	width: 100px; 
	border: 1px solid #204469; 
	border-bottom-color: #356fab;
	border-right-color: #356fab;
	padding: 2px; 
	background: url(../img/input_fd.png) no-repeat;
}
textarea.txt { 
	width: 350px; 
	height: 80px;
}
input, select, textarea {
	margin-left: 10px;
	vertical-align: middle;
	margin-bottom: 3px;
}
input.home { 
	width: 80px; 
	border: 1px solid #4880a7; 
	height: 14px;
	font-size: 11px;
	padding: 2px; 
}







/* ******** TABLEAUX FC ET SMO ************************************************************************** */

.enteteBleue {
	width: 690px;
	background: #0085a1 url(../img/entete_bleue_gauche.png) left top no-repeat;
	padding: 0;	margin: 0;
}
.enteteBleue div {
	background: url(../img/entete_bleue_droite.png) right top no-repeat;
	color: #FFFFFF;
	height: 23px;
	vertical-align: middle;
	font-size: 16px;
	padding: 0;	margin: 0;
	text-align: center;
	padding-top: 3px;
}
*:first-child+html  .enteteBleue div {					/* Pour ie7 uniquement */
	margin-top: -1px;
}

ul.presta {
	padding: 0;
	padding-left: 0;
	margin: 0.4em 0 0 2em;
	line-height: 1.2em;
	font-size: 12px;
	font-family: arial narrow;
}
ul.presta strong {
	font-size: 13px;
}
ul.prestaTarifs {
	list-style-image: url(../img/1px.png);
	padding: 0;
	padding-left: 0;
	margin: 0.4em 0 0 0;
	line-height: 1.2em;
	font-size: 12px;
	font-family: arial narrow;
	font-weight: bold;
	text-align: center;
}


table.tableau_fc-smo { width: 690px; }
table.tableau_fc-smo td.entete1 { vertical-align: bottom; padding-bottom: 10px; text-align: center; background: url(../img/tableau_fc-smo_entete1.png) 0 20px no-repeat; width: 65px; }
table.tableau_fc-smo td.entete2 { vertical-align: bottom; padding-bottom: 2px; background: url(../img/tableau_fc-smo_col2.png) 0 20px no-repeat; width: 74px; }
table.tableau_fc-smo td.entete3 { vertical-align: bottom; padding-bottom: 2px; background: url(../img/tableau_fc-smo_col2.png) 0 0 no-repeat; width: 74px; }
table.tableau_fc-smo td.entete2 div { padding-bottom: 7px; margin-left: -6px; text-align: left; }
table.tableau_fc-smo td.entete3 div { padding-bottom: 3px; padding-top: 4px; margin-left: -6px; text-align: left; }
table.tableau_fc-smo td.entete2 div strong, table.tableau_fc-smo td.entete3 div strong { color: #FFFFFF; font-weight: bold; font-size: 18px; font-family: arial; }
table.tableau_fc-smo td.entete2 div strong.fc { color: #FFFFFF; font-weight: bold; font-size: 14px; font-family: arial narrow; }
table.tableau_fc-smo td.entete2 span, table.tableau_fc-smo td.entete1 span { color: #FFFFFF; font-family: arial narrow; font-weight: bold; font-size: 11px; }
table.tableau_fc-smo td.col1 { background: url(../img/tableau_fc-smo_col1.png) repeat-y; }
table.tableau_fc-smo td.col1Fin { background: url(../img/tableau_fc-smo_col1fin.png) bottom no-repeat; }
table.tableau_fc-smo td.donnees1 { background: #fef47e url(../img/tableau_fc-smo_col1bis.png) bottom left no-repeat; }
table.tableau_fc-smo td.donnees2 { background: #cddd62 url(../img/tableau_fc-smo_col3.png) bottom left no-repeat; }
table.tableau_fc-smo td.donnees3 { background: #e68e41 url(../img/tableau_fc-smo_col2bis.png) bottom left no-repeat; }
table.tableau_fc-smo td.donnees4 { background: #e4a7cd url(../img/tableau_fc-smo_col4.png) bottom left no-repeat; }
table.tableau_fc-smo td.donnees5 { background: #624686 url(../img/tableau_fc-smo_col5.png) bottom left no-repeat; }
table.tableau_fc-smo td.donnees6 { background: #e76363 url(../img/tableau_fc-smo_col6.png) bottom left no-repeat; }
table.tableau_fc-smo td.donnees7 { background: #78dab9 url(../img/tableau_fc-smo_col7.png) bottom left no-repeat; }
table.tableau_fc-smo td.donnees8 { background: #1c7e82 url(../img/tableau_fc-smo_col8.png) bottom left no-repeat; }
table.tableau_fc-smo td.donnees9 { background: #b369ce url(../img/tableau_fc-smo_col9.png) bottom left no-repeat; }
table.tableau_fc-smo td.donnees10 { background: #624686 url(../img/tableau_fc-smo_col10.png) bottom left no-repeat; }
table.tableau_fc-smo tr.fc td.donnees1, table.tableau_fc-smo tr.fc td.donnees2, table.tableau_fc-smo tr.fc td.donnees3, table.tableau_fc-smo tr.fc td.donnees4, table.tableau_fc-smo tr.fc td.donnees5 { background-image: none; }








/* ******** TABLEAU GENEFIL ************************************************************************** */
table.genefil {
border: 1px solid #bd1a8d;
}
table.genefil tr td {
	vertical-align: middle;
	text-align: center;
	padding: 2px 5px 4px 5px;
	background-color: #edd1e4;
}
table.genefil tr th {
	vertical-align: middle;
	text-align: center;
	padding: 2px 5px 4px 5px;
	background-color: #bd1a8d;
	color: #ffffff;
}


#grilleprestation
{
    float:left;
    width:688px;
}

table.tabprestation#grilleprestation
{
     width: 688px;
}
#grilleprestation H3 {text-align:left; background: #0085a1; color: #FFFFFF; text-transform: uppercase; font-family: arial narrow; font-size: 13px; padding: 1px 10px 1px 10px; }
* {
	margin: 0;
	padding: 0;
}

#grilleprestation td
{
    text-align:center;
    vertical-align:top;
    font-family:Arial, Verdana;
    font-size:9px;
    }

#grilleprestation td.left
{
    text-align:left;
}
#grilleprestation td.fcsmobloccm
{
    border-left:1px solid #0085a1;
    border-right:1px solid #0085a1;
    color: #000;
}
#grilleprestation td.fcsmobloccmfinal
{
    border-left:1px solid #0085a1;
    border-right:1px solid #0085a1;
    border-bottom:1px solid #0085a1;
    color: #000;
}

#grilleprestation td.header
{
    background: #0085a1; color: #fff;font-weight:bold;
}
#grilleprestation td.headerck
{
    background: #0085a1; color: #fff;font-weight:bold;font-size:13px;width:80px;
}

#grilleprestation td.fcsmobloc1
{
    background: #e68e41; color: #000;
}
#grilleprestation td.fcsmobloc4
{
    background: #fef47e; color: #000;
}
#grilleprestation td.fcsmobloc7
{
    background: #e76363; color: #000;
}

#grilleprestation td.fcsmobloc2
{
    background: #78dab9; color: #000;
}
#grilleprestation td.fcsmobloc5
{
    background: #cddd62; color: #000;
}
#grilleprestation td.fcsmobloc8
{
    background: #1c7e82; color: #000;
}

#grilleprestation td.fcsmobloc3
{
    background: #e4a7cd; color: #000;
}

#grilleprestation td.fcsmobloc6
{
    background: #b369ce; color: #000;
}

#grilleprestation td.fcsmobloc9
{
    background: #624686; color: #000;
}

