@charset "utf-8";
.page-daccueil-temp
{
font-family:Verdana, Arial, Helvetica, sans-serif;
 background:url(../images/bg_site.jpg) repeat-x #FFF; width:702px; float:left; height:auto !important; min-height:400px; height:400px; padding:30px 15px 10px 15px; color:#08416e;
 font-size:11px;

 }
.page-daccueil-temp h1
{
color:#d70679;
font-size:16px;
}
#bloc-flyer
{
width:185px;
float:left;
margin-left:150px

}
#bloc-contour
{
overflow:hidden;
}

#bloc-contour img
{border:1px solid #CCCCCC;}

#bloc-plaquette
{
width:255px;
float:left;
margin-left:50px
}
#bloc-plaquette h2
{
margin-bottom:50px
}

.page-daccueil-temp p
{
font-size:11px;
padding:0;
margin:0px 65px;
}
.page-daccueil-temp p.pRose
{
font-size:14px;
font-weight:bold;
color:#d70679;
margin-top:15px;
}

.page-daccueil-temp ul li
{
list-style-type:square;
color:#FF0066;
}

.page-daccueil-temp ul li a
{
color:#08416e;
}
/*---------------------------------
B A N N I E R E S
----------------------------------*/
.banniere_bloc{border:1px solid #CCCCCC;
margin-bottom:10px;
padding:0 10px 10px 10px;
min-height:150px;
height:auto !important;
height:150px;

}
.banniere_bloc h2{color:#0066CC;font-size:14px}
.banniere_bloc h2 a{color:#0066CC;text-decoration:none;}
.banniere_bloc h2 a:hover{text-decoration:underline;}
.banniere_logo{width:99px;float:left;border:1px solid #0099FF;}
.banniere_intro{margin-left:110px;width:370px;font:normal 10px arial; color:#bd3c95;}
.banniere_intro a {color:#333333;text-decoration:none;}
.banniere_intro a:hover{color:#003366;}
.banniere_voir{text-align:right;margin:10px 35px 0 0;font-weight:bold;}
.banniere_voir a{color:#CC3366;}
#banniere_txt-desc{width:730px;font:normal 11px arial; color:#284394;text-align:justify; float:left;}
#banniere_txt-desc a { color:#FF00FF; text-decoration:none; }
#banniere_txt-desc a:hover { text-decoration:underline; }
h1.banniere_titre{ margin:0px 0 10px 15px;color:#000066;font-family:Arial, Helvetica, sans-serif;font-size:16px;padding-top:20px;}

#hierarchie{padding:5px;color:#CC0066;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;}
#hierarchie a{color:#CC0066;}
/*------------------------------*/


table.spip td{padding:4px; }
table.spip{border:1px solid #CCC;}
table.spip tr{border:1px solid #CCC;}
/* CSS Document*/
p.spip a{
color:#003399;
font-weight:bold;
text-decoration:none;
}
p.spip a:hover{
color:#CC3366;
}
.chargement{
background-image: url(../images/ajax-loader.gif);
background-repeat:no-repeat;
background-color:#FFF;
background-position:center center;
}

body
{
	margin				: 0px;
	padding				: 0px;
	background-image	: url(../images/bg-body.jpg);
	background-repeat	: no-repeat;
	background-position	: top center;
	text-align:center;
}
#main
{
	width 		: 902px;
	margin		: 0 auto;
	text-align	: left;
	background: url(../images/bg_main.jpg) repeat-y #fff;
	
	/*overflow:hidden;*/
}
#bloc-principal
{
	/*height	: 400px;*/
	border	: 1px solid #e0e0e0;

	
}
#menu-blanc
{
border-bottom:1px solid #e0e0e0;
padding:1px 0 2px 0;
}

#menu-bleu
{
border-bottom:1px solid #e0e0e0;
}

#bloc-menu-blanc h1
{
	float	: left;
	margin:0; padding:0 10px 0 35px;
	font : normal 11px arial;
	padding-top:4px;
}

#bloc-menu-bleu h1
{
	float	: left;
	margin:0; padding:0;
	font : normal 11px arial;
	height:21px;
}

#bloc-menu-blanc h1 a
{
	color:#284394;
	text-decoration:none;
}

#bloc-menu-bleu h1 a
{
	padding:4px 0 0 0;
	color:#FFF;
	text-decoration:none;
	display:block;
	height:17px; /*21-4*/
	text-align:center;

}

#bloc-menu-bleu h1 a:hover
{
	background-color:#FFF;
	color:#284394;
}

#bloc-menu-bleu h1 a.fond-rose:hover
{
	background-color:#FFF;
	color:#bd3c95;
}

.fond-bleu{ background-color:#284394; border-right:1px solid #FFF; }
.fond-blanc{ background-color:#FFF; border-right:1px solid #FFF; }
.fond-rose{ background-color:#bd3c95; border-right:1px solid #FFF; }
.tailleFixe{ text-align:center; width:167px; border-right:none; /*167-44*/ }

#bloc-menu-blanc h1 a:hover
{
	text-decoration:underline;
}

#bloc-newsletter
{
	float	: right;
	font : normal 11px arial;
	color: #bd3c95;
	
}

.txt-sinscrire { float:left; padding-top:4px; margin:0 5px 0 0; }
.input-newsletter { float:left; height:13px; width:195px; margin:1px 2px 0 0; }
#header { background: #FFF;}
/* C O N T E N U */

#contenu { width:733px; /*background-color:#FF0000;*/ height:304px; float:left; }
#contenu2 { background:url(../images/bg_site.jpg) repeat-x #FFF; width:732px; float:left; height:auto !important; min-height:400px; height:400px; padding:30px 0 10px 0; color:#08416e; }

#contenu3 { background:url(../images/degrade-contenu.jpg) repeat-x #FFFFFF; }
#contenu4 { background:url(../images/bg_site.jpg) repeat-x; width:713px; float:left; padding:30px 0 0 0; color:#08416e; }

#ndr { float:left; }
#ndr2 { float:left; width:20px; height:300px; }
#liste_actu_blog a{ color:#FFF; font:normal 10px Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
#liste_actu_blog a:hover{ text-decoration:underline; }
#nosRealisation { float:left; width:154px; background:url(../images/bg-ndr.jpg) repeat-x #73A8CD; height:294px; /*304-10*/ font:normal 11px arial; color:#FFF; padding:10px 5px 0 8px;}
#nosRealisation2 { float:left; width:154px; /*167-13*/ background:url(../images/bg-ndr.jpg) repeat-x #73A8CD;  font:normal 11px arial; color:#FFF; padding:10px 5px 0 8px; }
#nosRealisation2 h1 { font:bold 12px arial; margin:0; padding:0; }
#nosRealisation ul, #nosRealisation2 ul { list-style:none; list-style-type:none; margin:0; padding:19px 0 0 0;}
#nosRealisation ul li , #nosRealisation2 ul li{ list-style:none; list-style-type:none; text-align:center; margin:0 0 15px 0; padding:0; font:normal 11px arial; color:#FFF; }

#bandeau-bas { border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0; height:112px; width:900px; background:url(../images/bg-bandeau-bas.jpg) repeat-x; color:#FFF; font:normal 11px arial; overflow:hidden; background-color:#0b3f67; }
#bandeau-bas ul { padding:8px 15px 10px 10px; margin:0 0 0 10px; list-style:none; float:left; }
#bandeau-bas ul li{ padding:0; margin:0; list-style-type:square; list-style-position:outside; }
#footer { font:bold 10px arial; color:#284394; padding:4px 0 4px 20px; background:#FFF; }
#footer a { padding:0 20px 0 20px; text-decoration:none; color:#284394; }
#footer a:hover { text-decoration:underline; }
#degradeFin { height:36px;background-color:#FFF;clear:both;}

#ariane { font:normal 11px arial; color:#284394; padding:5px 0 0 20px; }
#bloc-gauche { width:346px; /*360-14*/ float:left; padding:22px 0 0 14px; }
#bloc-gauche p.spip { padding:0; margin:0 0 10px 0; }
#retour_select { text-decoration:none; font:bold 11px arial; color:#999; clear:both; display:block; text-align:center; }
#retour_select:hover { text-decoration:underline; }
#bloc-droite { width:535px; float:left; }
#secteur{ width:344px; height:27px; /*35-8*/ background-image:url(../images/bg-secteur.jpg); font:normal 10px arial; color:#284394; padding:8px 0 0px 0;margin-bottom:10px;}
#projet{ width:344px; height:34px /*42-8*/; background-image:url(../images/bg-projet.jpg); font:normal 10px arial; color:#284394; padding:8px 0 0 0; margin-bottom:22px; }
#txt-secteur-projet{ float:left; width:120px; text-align:right; padding-top:4px; margin-right:10px; }
.select-secteur-projet {height:17px; width:150px; float:left; margin:0 3px 0 0; font:normal 10px verdana; }

#notre_selection{ font: bold 11px arial; } #notre_selection a img{ border:0; }
#notre_selection ul{ list-style:none; margin:0; padding:0; }
#notre_selection ul li{ list-style:none; /*display:inline;*/ float:left; margin:5px 5px 0 0; }
#nos-clients { background:url(../images/pied-nos-clients.jpg) no-repeat bottom #ffffff; width:531px; padding:0 0 9px 0; margin:21px 0 10px 0; }

#theme { border:1px solid #CCCCCC; font:normal 11px arial; color:#08416e; padding:5px; width:243px; /*253-10*/ float:left; margin:0 0 5px 0; } #theme a { color:#08416e; text-decoration:none; }
#theme a:hover { color:#08416e; text-decoration:underline; }
#theme ul{ list-style:none; margin:0; padding:0; }
#theme ul li{ list-style:none; margin:0; padding:0; font:normal 11px arial; color:#08416e; }

#txt_agence a img { border:0; }
#txt_agence { font:normal 12px arial; margin-left:15px; }
dt, dl { margin:0 10px 0 0; padding:0; }
#texte { width:180px; font:normal 11px arial; float:left; }
#telechargement { padding:20px 0 0 0;}
p { margin:15px 0 5px 0; }
#txt-nos-clients { padding:13px 0 0 8px; color:#FFF; font:bold 11px arial; width:523px; /*531-8*/ height:23px; /*36-13*/ background-image:url(../images/entete-nos-clients.jpg); }
#txt-nos-clients a { color:#FFFFFF; text-decoration:none; }
#txt-nos-clients a:hover { text-decoration:underline; }

#logo_article {float:left; height:auto !important; min-height:250px; height:250px; }
#logo_agence { width:180px; }
#logo_agence h1{text-align:center;}
#logo_agence h1 a{font-size:16px;color:#CC3366;text-decoration:none; padding:5px;}
#txt-desc {font:normal 11px arial; color:#284394; width:210px; text-align:justify; float:left; }
#txt-desc a { color:#FF00FF; text-decoration:none; }
#txt-desc a:hover { text-decoration:underline; }
/*°ooO00Ooo°°ooO00Ooo°°ooO00Ooo°°ooO00Ooo°°ooO00Ooo°°ooO00Ooo°°ooO00Ooo°°ooO00Ooo°°ooO00Ooo°°ooO00Ooo°°ooO00Ooo°°ooO00Ooo°

> > >     C S S     U T I L I S É       A F I N    D ' A F F I C H E R     L E S    I N F O S    B U L L E S

°ooO00Ooo°°ooO00Ooo°°ooO00Ooo°°ooO00Ooo°°ooO00Ooo°°ooO00Ooo°°ooO00Ooo°°ooO00Ooo°°ooO00Ooo°°ooO00Ooo°°ooO00Ooo°°ooO00Ooo°*/

a.tooltip em,
a.gaucheCreation em{
    display:none;
}
/*partie droite de la page d'accueil */
a.gaucheCreation:hover em
{
 font-style: normal;
    display: block;
    position: absolute;
    top: -200px;
    left: -30px;
    padding: 5px;
    color: #000;
   border: 2px solid #999999;
    background: #FFF;
    width:170px;
	text-align:center;
	background-image	: url(../images/degrade-contenu.jpg);/**/
}
/*partie droite de la page d'accueil */
a.gaucheCreation em span{
    position: absolute;
    bottom: -7px;
    left: 75px;
    height: 7px;
    width: 11px;
    background: transparent url(../images/infobulletop02.gif) no-repeat;
    margin:0;
    padding: 0;
    border: 0;
}

a.tooltip em img,
a.gaucheCreation em img
{
border			: 2px solid #FFF;
background-image: url(../images/ajax-loader.gif);
background-repeat:no-repeat;
background-color:#FFF;
background-position:center center;
}
a.tooltip:hover,
a.gaucheCreation:hover
{
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip:hover em
{
    font-style: normal;
    display: block;
    position: absolute;
    top: -145px;
    left: -10px;
    padding: 5px;
    color: #000;
   border: 2px solid #999;
    background: #FFF;
    width:170px;
	text-align:center;
	background-image	: url(../images/degrade-contenu.jpg);/**/
}
a.tooltip:hover em span{
    position: absolute;
    bottom: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    background: transparent url(../images/infobulletop02.gif) no-repeat;
    margin:0;
    padding: 0;
    border: 0;
}

#erreur span {
    position: absolute;
    bottom: -7px;
    right: 20%;
    height: 7px;
    width: 11px;
    background: transparent url(../images/infobulletop02.gif) no-repeat;
    margin:0;
    padding: 0;
    border: 0;
}

a img { border:0; }
/*-----------------------------------------------------------

P L A N      D U     S I T E 

-----------------------------------------------------------------*/
#plan { background:url(../images/bg_site.jpg) repeat-x; width:733px; float:left; height:auto !important; min-height:260px; height:260px; padding:30px 0 10px 0; color:#08416e; }

#plan ul li{list-style-type:square;color:#A80C79;}
#plan ul li h1{font:bold 14px Arial, Helvetica, sans-serif;}
#plan h1 a{color:#0066CC;}

#plan ul li h2{font:bold 12px Arial, Helvetica, sans-serif;}
#plan ul li h2 a{color:#A80C79;}
#plan ul li ul li{list-style-type:disc;color:#099}

#plan ul li h3{font:normal 12px Arial, Helvetica, sans-serif;}
#plan ul li h3 a{color:#666666;}
#plan ul li ul li ul li{list-style-type:circle;color:#099}