@charset "UTF-8";
/* CSS Document */

.principal
{
width:920px;
margin-left: auto;
margin-right: auto;
}

.bandeau_haut
{
width:920px;
height:120px;
vertical-align:top;
overflow: hidden;
}

.bandeau_central
{
width:920px;
height:170px;
vertical-align:top;
background-image:url(../image/solution_bandeau_milieu.png);
text-align:justify;
background-repeat:no-repeat;
margin-left:3px;
}

.text_bandeau_central
{
width:780px;
height:150px;
vertical-align:top;
margin-left:80px;
text-align:justify;
font-family:Verdana;
font-size:12px;
color:#666666;
}

.bandeau_bas_presentation
{
width:920px;
height:360px;
vertical-align:top;
margin-left:3px;
}

.bandeau_bas_fonctionnement
{
width:920px;
height:710px;
vertical-align:top;
margin-left:3px;
}

.boite_presentation
{
float:left;
width:665px;
text-align:center;
height:360px;
text-align:justify;
font-family:Verdana;
font-size:12px;
color:#666666;
background-image:url(../image/solution_presentation.png);
background-repeat:no-repeat;
}

.boite_fonctionnement
{
float:left;
width:665px;
text-align:center;
height:710px;
text-align:justify;
font-family:Verdana;
font-size:12px;
color:#666666;
background-image:url(../image/solution_fonctionnement.png);
background-repeat:no-repeat;
}

.sous_menu_picto_presentation
{
width:220px;
height:360px;
float:left;
background-image:url(../image/solution_sous_menu.png);
background-repeat:no-repeat;
}

.sous_menu_picto_fonctionnement
{
width:220px;
height:710px;
float:left;
background-image:url(../image/solution_sous_menu_fonctionnement.png);
background-repeat:no-repeat;
}


/* Menu */
.espace_1
{
margin-left:0px;
height:25px;
width:200px;
}

.menu_diffusion
{
margin-left:104px;
height:28px;
}

.espace_2
{
margin-left:0px;
height:16px;
width:200px;
}

.menu_sondage
{
margin-left:107px;
height:28px;
}

.espace_3
{
margin-left:0px;
height:15px;
width:200px;
}

.menu_alerte
{
margin-left:115px;
height:28px;
}

.menu_diffusion_ie
{
margin-left:104px;
margin-top:20px;
height:28px;
}

.menu_sondage_ie
{
margin-left:107px;
margin-top:16px;
height:28px;
}

.menu_alerte_ie
{
margin-left:115px;
margin-top:15px;
height:28px;
}

.picto_img {
margin-left:35px;
}

.boite_titre_presentation_fonctionnement
{
width:650px;
height:40px;
text-align:center;
font-family:Verdana;
font-size:12px;
color:#8989ba;
margin-top:-3PX;
}


.boite_presentation_gauche
{
float:left;
width:630px;
height:280px;
text-align:justify;
font-family:Verdana;
font-size:12px;
color:#666666;
margin-left:10px;
}


.boite_presentation_droite
{
float:right;
width:330px;
height:280px;
text-align:justify;
font-family:Verdana;
font-size:0px;
color:#8989ba;
margin-top:15px;
}

.boite_fonctionnement_centre
{
float:left;
width:630px;
height:730px;
text-align:justify;
font-family:Verdana;
font-size:12px;
color:#666666;
}

.bandeau_trait
{
position:relative;
width:920px;
height:30px;
text-align:center;
font-family:Verdana;
font-size:11px;
color:#8989ba;
margin-left: auto;
margin-right: auto;
}


.trait_diffusion
{
background-image:url(../image/trait_vert.png);
background-repeat:repeat-y;
}

.etape1_diffusion
{
background-image:url(../image/1_vert.png);
background-repeat:no-repeat;
}

.etape2_diffusion
{
background-image:url(../image/2_vert.png);
background-repeat:no-repeat;
}

.etape3_diffusion
{
background-image:url(../image/3_vert.png);
background-repeat:no-repeat;
}

.trait_sondage
{
background-image:url(../image/trait_bleu.png);
background-repeat:repeat-y;
}

.etape1_sondage
{
background-image:url(../image/1_bleu.png);
background-repeat:no-repeat;
}

.etape2_sondage
{
background-image:url(../image/2_bleu.png);
background-repeat:no-repeat;
}

.etape3_sondage
{
background-image:url(../image/3_bleu.png);
background-repeat:no-repeat;
}

.trait_alerte
{
background-image:url(../image/trait_orange.png);
background-repeat:repeat-y;
}

.etape1_alerte
{
background-image:url(../image/1_orange.png);
background-repeat:no-repeat;
}

.etape2_alerte
{
background-image:url(../image/2_orange.png);
background-repeat:no-repeat;
}

.etape3_alerte
{
background-image:url(../image/3_orange.png);
background-repeat:no-repeat;
}

.etape4_alerte
{
background-image:url(../image/4_orange.png);
background-repeat:no-repeat;
}

.souligne
{
text-decoration:underline;
}

.couleur_picoda
{
color:#8989ba;
font-style:italic;
}

.couleur_diffusion
{
color:#A0A98D;
}

.couleur_sondage
{
color:#7A99B3;
}

.couleur_alerte
{
color:#FE8F22;
}


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


a
{
font-family:Verdana;
font-size:11px;
color:#777777;
text-decoration:none;
}


a.solution
{
font-family:Verdana;
font-size:11px;
color:#8989BA;
text-decoration:none;
}

a:hover
{
font-family:Verdana;
font-size:11px;
color:#FFFFFF;
text-decoration:none;
}


p:first-letter
{
font-family:Verdana;
font-size:15px;
color:#8989ba;
font-weight:bold;
}

a.page
{
font-family:Verdana;
font-size:11px;
color:#000000;
text-decoration:none;
}

.logo
{
width:310px;
height:117px;
float:left;
margin: 0px 0px 0px 30px; 
}

.menu
{
float:right;
margin: 47px 15px 0px 0px; 
width:545px;
height:115px;
background-image:url(../image/menu_vide.jpg);
background-repeat:no-repeat;
}

.img_menu { 
margin: 11px 3px 10px 3px; 
}

.inside_menu { 
float:left; 
}