/* CSS Document */

/* ***************************************************************************************************** */

body {
	background-color:#F2F7F0;
	padding:0;margin:0;border:0;
}

#global {
	margin-left: auto;   
	margin-right: auto;   
	width: 974px;
	min-height:168px;
	background-color:#FFFFFF;
}
#left {
	float:left;
	background-image:url(../img/fond-left.gif);
	background-repeat:repeat-y;
	width:2px;
	min-height:168px;
}
#center {
	float:left;
	width: 970px;
	background-color:#FFFFFF;
}
#right {
	float:left;
	background-image:url(../img/fond-right.gif);
	background-repeat:repeat-y;
	width:2px;
	min-height:168px;
}

#contenu {
	clear:both;
	margin-left: auto;   
	margin-right: auto;   
	width: 974px;
	background-color:#FFFFFF;
}


/* ***************************************************************************************************** */

.trait{
	clear:both;
	margin-left: auto;   
	margin-right: auto;   
	height:1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CACACA;
}

.colonne1{
	float:left;
	width:230px;
	margin-left:3px;
}
.colonne2{
	float:left;
	width:205px;
	margin-left:18px;
}
.colonne3{
	float:left;
	width:479px;
	margin-left:17px;
}
.titre{
	float:left;
	height:55px;
}
.gros_titre{
	float:left;
	margin-top:10px;
	margin-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:33px;
	color:#9C9D9D;
}
.gros_texte{
	float:left;
	margin-top:10px;
	margin-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#787878;
}
#pave{
	float:left;
	margin-top:20px;
	margin-left:5px;
	width:484px;
}
#pave table{
	line-height:3px;
	background-color:#7ECFD5;
	width:100%;
	/*height:300px;*/
}
.pave1{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#FFFFFF;
	padding-top:23px;
	padding-left:8px;
	width:460px;
	height:18px;
}
.pave2{
	float:left;
	width:473px;
}
.colonne4{
	float:left;
	width:230px;
}
.colonne5{
	float:left;
	margin-left:10px;
	width:230px;
}


.OneActivity{
	float:left;
	padding-left:8px;
	padding-bottom:16px;
}
.bouton{
	float:left;
	width:19px;
	height:18px;
}
.bouton_texte{
	float:left;
	height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	line-height:18px;
	color:#6BB9D6;
	background-color:#FFFFFF;
}
.bouton_texte a{
	color:#6BB9D6;
	text-decoration:none;
}
.bouton_texte a:hover{
	color:#000000;
	text-decoration:none;
}

.arrondi{
	float:left;
	width:9px;
	height:18px;
	background-image:url(../img/agence/arrondi.gif);
	background-repeat:no-repeat;
}
.description{
	clear:both;
	float:left;
	width:230px;
	padding-top:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#000000;
}

.traitblanc{
	float:left;
	margin-left:3px;
	background-image:url(../img/agence/trait_pave.gif);
	background-repeat:repeat-x;
	width:464px;
	height:3px;
	padding-bottom:4px;
}

.sous_titre{
	float:left;
	width:230px;
	height:32px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#000000;
}
.texte{
	float:left;
	width:230px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#787878;
}
.chapeau{
	float:left;
	padding-top:25px;
	width:230px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#7ECFD5;
}
.point{
	float:left;
	padding-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
}
.pdf{
	float:left;
	width:17px;
	height:17px;
}
.plaquette{
	float:left;
	margin-left:3px;
	padding-left:4px;
	background-image:url(../img/agence/plaquette.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:129px;
	height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	font-weight:bold;
	color:#FFFFFF;
}
.plaquette a{
	color:#FFFFFF;
	text-decoration:none;	
}
.plaquette a:hover{
	color:#000000;
	text-decoration:none;	
}
span.blancnoir a{
	color:#FFFFFF;
	text-decoration:none;	
}
span.blancnoir a:hover {
	color:#000000;
	text-decoration:none;	
}

/* ***************************************************************************************************** */

.OmbreLeft{
	background-image:url(../img/fond-left.gif);
	background-repeat:repeat-y;
	width:7px;
	height:30px;
}
.OmbreRight{
	background-image:url(../img/fond-right.gif);
	background-repeat:repeat-y;
	background-position:right;
	width:13px;
}

/* ***************************************************************************************************** */
#fil {
	float:left;
	margin-left:5px;
	margin-right:5px;
	height:25px;
	width:960px;
	background-color:#FFFFFF;
}
#fil_texte{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:20px;
	color:#000000;
}
#fil_texte a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:20px;
	color:#66CCCC;
	text-decoration:none;
}
#fil_texte a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:20px;
	color:#000000;
	text-decoration:none;
}
#fil_texte img{
	margin-left:2px;
	margin-right:2px;
}

/* ***************************************************************************************************** */

#lineGB{
	clear:both;
	margin-left: auto;   
	margin-right: auto;   
	width:974px;
	height:2px;
	background-color:#FFFFFF;
}
#lineGB-left {
	float:left;
	margin-left:0px;
	background-image:url(../img/fond-left.gif);
	background-repeat:repeat-y;
	background-position:left;
	width:7px;
	height:2px;
}
#lineGB-center {
	float:left;
	background-image:url(../img/realisations/fond_lineGB.gif);
	background-repeat:repeat-x;
	width:960px;
	height:2px;
}
#lineGB-right {
	float:left;
	background-image:url(../img/fond-right.gif);
	background-repeat:repeat-y;
	background-position:right;
	width:7px;
	height:2px;
}

#lineBG{
	clear:both;
	margin-left: auto;   
	margin-right: auto;   
	width:974px;
	height:2px;
	background-color:#FFFFFF;
}
#lineBG-left {
	float:left;
	margin-left:0px;
	background-image:url(../img/fond-left.gif);
	background-repeat:repeat-y;
	background-position:left;
	width:7px;
	height:2px;
}
#lineBG-center {
	float:left;
	background-image:url(../img/realisations/fond_lineBG.gif);
	background-repeat:repeat-x;
	width:960px;
	height:2px;
}
#lineBG-right {
	float:left;
	background-image:url(../img/fond-right.gif);
	background-repeat:repeat-y;
	background-position:right;
	width:7px;
	height:2px;
}

#fil2{
	clear:both;
	margin-left: auto;   
	margin-right: auto;   
	width:974px;
	height:30px;
	background-color:#FFFFFF;
}
#fil2-left {
	float:left;
	margin-left:0px;
	background-image:url(../img/fond-left.gif);
	background-repeat:repeat-y;
	width:7px;
	height:30px;
}
#fil2-center {
	float:left;
	width: 954px;
	height:30px;
}
#fil2-right {
	float:left;
	background-image:url(../img/fond-right.gif);
	background-position:right;
	background-repeat:repeat-y;
	width:13px;
	height:30px;
}

#fil2_texte{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:30px;
	color:#000000;
}
#fil2_texte a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#66CCCC;
	text-decoration:none;
}
#fil2_texte a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-decoration:none;
}
#fil2_texte img{
	margin-left:2px;
	margin-right:2px;
}


/* ***************************************************************************************************** */



#menu{
	margin-left:5px;
	margin-right:5px;
	background-image:url(../img/menu-fond.jpg);
	background-repeat:repeat-x;
	float:left;
	width:960px;
	height:105px;
}

.menu_option{
	float:left;
	width:237px;
	height:105px;
	text-align:center;
	margin-top:45px;
}

.menu_separateur{
	float:left;
	background-image:url(../img/menu-separateur.jpg);
	background-repeat:no-repeat;
	width:3px;
	height:105px;
}


#sous-menu{
	margin-left:5px;
	margin-right:5px;
	float:left;
	width:960px;
	height:4px;
}
.sous_menu_separateur{
	float:left;
	width:3px;
	height:4px;
}
.rub-actif{
	float:left;
	background-image:url(../img/menu-actf.gif);
	background-repeat:repeat-x;
	width:237px;
	height:4px;
}
.rub-passif{
	float:left;
	width:237px;
	height:4px;
}

/* ***************************************************************************************************** */


#contact{
	clear:both;
	margin-left: auto;   
	margin-right: auto;   
	width: 974px;
	height:35px;
}

#contact-left {
	float:left;
	background-image:url(../img/fond-left.gif);
	background-repeat:repeat-y;
	width:2px;
	height:35px;
}
#contact-center{
	float:left;
	width:970px;
	height:35px;
	background-color:#FFFFFF;
}
#contact-center table{
	background-image:url(../img/contact-fond.gif);
	background-repeat:repeat-x;
	height:35px;
	width:960px;
}
#contact-right {
	float:left;
	background-image:url(../img/fond-right.gif);
	background-repeat:repeat-y;
	width:2px;
	height:35px;
}


#pied{
	clear:both;
	margin-left: auto;   
	margin-right: auto;   
	width: 974px;
	height:8px;
}
#pied-left {
	float:left;
	background-image:url(../img/pied-left.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	width:6px;
	height:8px;
}
#pied-center {
	float:left;
	background-image:url(../img/pied-fond.gif);
	background-repeat:repeat-x;
	width: 961px;
	height:8px;
}
#pied-right {
	float:left;
	background-image:url(../img/pied-right.gif);
	background-repeat:no-repeat;
	width:7px;
	height:8px;
}

.texte-pied{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:8px;
}


.email{
	background-image:url(../img/email-fond.jpg);
	background-repeat:no-repeat;
	background-position:0px;
	width:169px;
	height:28px;
	text-align:center;
	line-height:28px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#66CCCC;
}
.email a{
	color:#66CCCC;
	text-decoration:none;
}
.email a:hover{
	color:#000000;
	text-decoration:none;
}

/* ***************************************************************************************************** */


td.AngleHautGauche{
	background-image:url(../img/agence/angle_haut_gauche.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	height:6px;
	line-height:3px;
	width:6px;
}
td.AngleHautDroit{
	background-image:url(../img/agence/angle_haut_droit.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	height:6px;
	line-height:3px;
	width:6px;
}
td.AngleBasGauche{
	background-image:url(../img/agence/angle_bas_gauche.gif);
	background-repeat:no-repeat;
	background-position:top;
	height:6px;
	line-height:3px;
	width:6px;
}
td.AngleBasDroit{
	background-image:url(../img/agence/angle_bas_droit.gif);
	background-repeat:no-repeat;
	background-position:top;
	height:6px;
	line-height:3px;
	width:6px;
}
td.BordureHaut{
	background-image:url(../img/agence/bordure_haut.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	height:6px;
	line-height:3px;
}
td.BordureGauche{
	background-image:url(../img/agence/bordure_gauche.gif);
	background-repeat:repeat-y;
	width:6px;
}
td.BordureDroit{
	background-image:url(../img/agence/bordure_droit.gif);
	background-repeat:repeat-y;
	width:6px;
}
td.BordureBas{
	background-image:url(../img/agence/bordure_bas.gif);
	background-repeat:repeat-x;
	background-position:top;
	line-height:3px;
	height:6px;
}