body.creation{
background-color:#006600;
}
body.developpement{
background-color:#000000;
}
body.hebergement{
background-color:#000066;
}
body.conseil{
background-color:#aa6600;
}
body.references{
background-color:#990000;
}
body{
background-color:#99bbcc;
font-family:Arial, Helvetica;
font-size:1em;
margin:8px 0 0 0;
padding:0;
}
.hide,.hide p{
display:none;
}
img.filet{
margin:0;
padding:0;
}
.noir{color:#000000}
.bleu_clair{color:#3DB0DD}
.rouge{color:#660000}
.orange{color:#cc9900}
a.link{
color:#ffffff;
}
a{
text-decoration:none;
color:#3DB0DD;
font-weight:bold;
}
a:hover{
text-decoration:underline;
}
a img, a img.format_png{
border:none;
text-decoration:none;
}
ul.spip{
text-align:left;
list-style-image:url(images/puceli.png);
margin:0 0 8px 40px;
padding:0;
color:#999999;
font-size:0.75em;
width:85%;
}
li.spip{
margin:3px 0;
padding:0;
}
span.vert{
font-weight:bold;
color:#006600;
}
span.bleu{
font-weight:bold;
color:#000066;
}
div.tout{
margin:0 auto;
padding:0;
}

div.menu_haut{
height:30px;
margin:0 auto;
text-align:center;
width:1000px;
}
div.menu_bas{
margin:0 auto;
text-align:center;
padding:0;
height:30px;
}
div.menu_bas_titre{
float:left;
width:168px;
margin:0 0 0 5px;
padding:0;
}
div.mb_sommaire_titre{
display:inline;
margin:4px 30px 0px 30px;
padding:0;
color:#99BBCC;
}
div.bandeau_defaut{
margin:0 auto;
text-align:center;
border-top:2px solid #ffffff;
border-bottom:2px solid #ffffff;
height:239px;
background-image:url(images/bandeau.jpg);
background-position:center;
background-repeat:no-repeat;
background-color:#ffffff;
}
div.bandeau_vert{
margin:0 auto;
text-align:center;
border-top:2px solid #ffffff;
border-bottom:2px solid #ffffff;
height:239px;
background-image:url(images/bandeau_vert.jpg);
background-position:center;
background-repeat:no-repeat;
background-color:#ffffff;
}
div.bandeau_bleu{
margin:0 auto;
text-align:center;
border-top:2px solid #ffffff;
border-bottom:2px solid #ffffff;
height:239px;
background-image:url(images/bandeau_bleu.jpg);
background-position:center;
background-repeat:no-repeat;
background-color:#ffffff;
}
div.bandeau_orange{
margin:0 auto;
text-align:center;
border-top:2px solid #ffffff;
border-bottom:2px solid #ffffff;
height:239px;
background-image:url(images/bandeau_orange.jpg);
background-position:center;
background-repeat:no-repeat;
background-color:#ffffff;
}
div.bandeau_noir{
margin:0 auto;
text-align:center;
border-top:2px solid #ffffff;
border-bottom:2px solid #ffffff;
height:239px;
background-image:url(images/bandeau_noir.jpg);
background-position:center;
background-repeat:no-repeat;
background-color:#ffffff;
}
div.bandeau_rouge{
margin:0 auto;
text-align:center;
border-top:2px solid #ffffff;
border-bottom:2px solid #ffffff;
height:239px;
background-image:url(images/bandeau_rouge.jpg);
background-position:center;
background-repeat:no-repeat;
background-color:#990000;
}
div.bandeau_milieu{
width:700px;
margin:0 auto;
height:239px;
padding:0;
text-align:center;
}
div.bandeau_milieu_sommaire{
width:700px;
margin:0 auto;
height:239px;
padding:0;
text-align:center;
background-image:url(images/logo_imago.png);
background-position: top;
background-repeat:no-repeat;
}
div.bandeau_milieu_gauche{
float:left;
width:350px;
height:185px;
}
div.bandeau_milieu_gauche_creation{
float:left;
width:350px;
height:185px;
background-image:url(images/pourtour_creation.png);
}
div.bandeau_milieu_gauche_creation p,div.bandeau_milieu_gauche_developpement p,div.bandeau_milieu_gauche_hebergement p, div.bandeau_milieu_gauche_conseil p,div.bandeau_milieu_gauche_references p{
margin:0;
text-align:left;
font-size:0.7em;
color:#999900;
width:80%;
margin-left:32px;
}
div.bandeau_milieu_gauche_espace_pro img,div.bandeau_milieu_gauche_logiciel_libre img,div.bandeau_milieu_gauche_faq img,div.bandeau_milieu_gauche_contact img {
margin:68px 0 0 0;

}
div.bandeau_milieu_gauche_developpement{
float:left;
width:350px;
height:185px;
background-image:url(images/pourtour_developpement.png);
}
div.bandeau_milieu_gauche_hebergement{
float:left;
width:350px;
height:185px;
background-image:url(images/pourtour_hebergement.png);
}
div.bandeau_milieu_gauche_conseil{
float:left;
width:350px;
height:185px;
background-image:url(images/pourtour_conseil.png);
}
div.bandeau_milieu_gauche_references{
float:left;
width:350px;
height:185px;
background-image:url(images/pourtour_references.png);
}
div.bandeau_milieu_gauche_logiciel_libre{
float:left;
width:350px;
height:185px;
background-image:url(images/pourtour_logiciel_libre.png);
}
div.bandeau_milieu_gauche_faq{
float:left;
width:350px;
height:185px;
background-image:url(images/pourtour_faq.png);
}
div.bandeau_milieu_gauche_contact{
float:left;
width:350px;
height:185px;
background-image:url(images/pourtour_contact.png);
}
div.bandeau_milieu_gauche_espace_pro{
float:left;
width:350px;
height:185px;
background-image:url(images/pourtour_espace_pro.png);
}
div.bandeau_milieu_droit{
float:left;
width:350px;
height:185px;
padding:0;
}
div.ariane{
text-align:left;
font-size:0.6em;
margin:-12px auto 0 auto;
width:680px;
}
h1.desc_rub{
margin:36px 0 0 24px;
text-align:left;
padding:0;
}
p.text_rub{
margin:0;
text-align:left;
font-size:0.7em;
color:#999900;
width:80%;
margin-left:32px;
}
p.text_rub-bas{
margin:68px 0 0 32px;
text-align:left;
font-size:0.7em;
color:#999900;
width:80%;
}

div.contenu_sommaire{
width:870px;
height:170px;
margin:1px auto 0 auto;
}
div.contenu_sommaire_ie6{
width:700px;
height:170px;
margin:1px auto 0 auto;
padding:2em;
color:#ffffff;
font-size:0.9em;
font-weight:bold;
}
div.contenu_sommaire div,div.mb_sommaire div{
display:inline;
width:170px;
margin:0 -4px 0 0 ;
padding:0;
}
div.contenu{
margin:1px 0 0 0;
background-color:#ffffff;
}
div.contenu1000{
margin:0 auto;
text-align:center;
width:1010px;
min-height:400px;
background-image:url(images/fond_contenu.png);
background-repeat:repeat-y;
}
div.contenu700{
margin:0 auto;
text-align:center;
width:710px;
min-height:400px;
background-image:url(images/fond_contenu2.png);
background-repeat:repeat-y;
}
div.contenu_gauche{
float:left;
width:195px;
padding:5px;
margin:0;
text-align:center;
}
div.contenu_milieu1000{
float:left;
width:600px;
min-height:inherit;
}
div.contenu_milieu700{
float:left;
width:100%;
min-height:inherit;
}
div.contenu_milieu1000 p, div.contenu_milieu700 p{
margin:12px 0;
text-align:justify;
font-size:0.75em;
color:#666666;
padding:0 16px;
}

div.contenu_milieu1000 img.spip_logos, div.contenu_milieu700 img.spip_logos{
margin:8px 4px 0 4px;
padding:4px;
float:left;
}
div.titre_article{
text-align:right;
margin:0 10px;
border-bottom: 1px dotted #999900; 
}
div.titre_article_simple{
text-align:left;
margin:0 10px;
border-bottom: 1px dotted #999900; 
}
div.texte_simple p,div.texte_simple p.spip{
text-align:left;
font-size:0.8em;
margin:0;
padding:0.4em 1.2em;
color:#666666;
}
h6.autres_articles{
text-align:left;
margin:4px 8px;
color:#444444;
font-size:0.75em;
}
h6.lien_dl{
text-align:center;
margin:8px;
color:#444444;
font-size:0.8em;
}
hr.autres_articles{
height:1px;
border:0;
border-bottom: 1px dotted #999900; 
margin:0 8px 8px 8px; 
}
hr.hr404{
height:1px;
border:0;
border-bottom: 1px dotted #999900; 
margin:0 10px 0 10px; 
}
div.contenu_droite{
float:left;
width:205px;
text-align:center;
}
div.w3c{
margin:4px auto 4px auto;
font-size:0.7em;
text-align:center;
width:25%;
}
div.w3c p{
display:none;
}
div.footer{
margin:1px 0 0 0;
background-color:#ffffff;
height:16px;
font-size:0.7em;
text-align:center;
line-height:16px;
}
a.footer_lien{
color:#000000;
font-weight:normal;
}
br.clear, div.clear{
height:0;
margin:0;
padding:0;
clear:both;
overflow:hidden;
}

div.cs_blocs{
margin:12px 0 0 8px;
padding:0;
}
h4.blocs_titre{
text-align:left;
font-size:0.8em;
padding: 0 0 0 20px;
}
div.blocs_destination{
font-size:0.8em;
color:#666666;
text-align:justify;
padding:0 16px 0 8px;
}
div.blocs_destination ul{
font-size:1em;
margin:8px 0 0 32px;
width:90%;
}
ul.key{
margin:20px 0 0 0;
padding:0;
}
ul.key li{
list-style-type:none;
display:inline;
}
li.key_1{
font-size:1.5em;
}
li.key_2{
font-size:1.25em;
}
li.key_3{
font-size:1em;
}
li.key_4{
font-size:0.75em;
}
li.key_5{
font-size:0.6em;
}
div.retour{
font-size:0.8em;
margin-top:8px;
float:left;
}
div.ref{
width:98.5%;
text-align:left;
border-bottom:1px solid #eeeeee;
margin:0 auto;
background-image:url(images/ref_fond.png);
background-repeat:repeat-x;
}
div.ref p.spip{
color:#888888;
}
div.ref img.spip_logos{
margin:0 4px;
float:left;
}
div.ref h6{
margin:0;
}
div.desc_mot, div.texte_mot{
background-image:url(images/mc_fond_desc.png);
background-repeat:no-repeat;
width:690px;
margin:0 auto 0 auto;
}
div.desc_mot p.spip{
margin:0;
padding:8px;
color:#666666;
}
div.texte_mot p.spip{
margin:0;
padding:8px;
color:#999988;
}
div.autres_mots{
margin:0;
text-align:left;
font-size:0.7em;
font-weight:bold;
padding:16px;
color:#666666;
}
div.page{
font-size:0.75em;
color:#660000;
margin:4px 0 0 0;
}
div.page select{
font-size:0.85em;
color:#333333;
border:1px solid #cccccc;
margin:4px 0 4px 2px;
padding:0;
}
div.EnImages{
text-align:left;
margin:0 0 4px 45px;
height:90px;
font-size:0.7em;
color:#ffffff;
}
div.EnImages a{text-decoration:none;}
div.EnImages img{margin:0;}
div.mb_sommaire{
position:absolute;
top:255px;
width:700px;
margin:0 auto;
}
div.plan{
float:left
}
div.erreur404 p.spip{
text-align:left;
padding:4px 1em;
font-size:0.8em;
color:#666666;
}
div.erreur404 p.spip404{
text-align:left;
padding:4px 1em;
font-size:1em;
color:#000000;
}
/******************/
a#tooCool { 
position: fixed; 
right: 0; 
bottom: 0; 
display: block; 
height: 80px; 
width: 80px; 
background: url(images/too_cool.png) bottom right no-repeat; 
text-indent: -999em; 
text-decoration: none; 
} 
/********************/
div.maj{
font-size:0.7em;
position:absolute;
text-align:center;
top:12px;
margin:0 0 0 90px;
padding:0;
color:#ffffff;
}
div.maj p{
display:inline;
color:#146a00;
}
div.maj a{
color:#140067;
}