#bandeau{
	
	background-image: url('images/fond_bandeau.jpg');
	background-repeat: repeat-x;
	height: 130px;
	font-size: 13px;
	color: #ffffff;
}

.mentions{
	color: #ffffff;
	text-align: right;
	list-style-type: none;
}

a.mentions:link, a.mentions:visited, a.mentions:hover, a.mentions:active{
	color: #ffffff;
	text-decoration: underline;
}

a.orange:link, a.orange:visited, a.orange:hover, a.orange:active{
	color: #df6200;
	text-decoration: underline;
}

.right {
	
	font-size: 13px;
	color: #000000;
	text-align: right;
}

.center {
	
	position: relative;
	margin: 0 auto;
	width: 1000px;
	text-align: left;

}

.accroche{
	
	color : #e17c22;
	font-style: italic;
	font-weight: bold;
	text-align: left;

	
}

.texte_bas
{
  font-size       	: 11px;
  	font-family     : Arial;
	position		: absolute;
	width			: 980px;
	text-align		: center;
	padding			: 10px;
	border			: solid 1px black;
	top				: 1040px;
	color			: #333333;

}

.texte_bas_actus
{
  font-size       : 11px;
  	font-family     : Arial;
	position		: absolute;
	width			: 980px;
	text-align		: center;
	padding			: 10px;
	border			: solid 1px black;
	top				: 1070px;
	color			: #333333;

}

.texte_bas_mentions
{
  font-size       : 11px;
  	font-family     : Arial;
	position		: absolute;
	width			: 980px;
	text-align		: center;
	padding			: 10px;
	border			: solid 1px black;
	top				: 720px;
	color			: #333333;

}

.texte_bas_creation_site
{
  font-size       : 11px;
  	font-family     : Arial;
	position		: absolute;
	width			: 980px;
	text-align		: center;
	padding			: 10px;
	border			: solid 1px black;
	top				: 930px;
	color			: #333333;

}

.texte_bas_contact
{
  font-size       : 11px;
  	font-family     : Arial;
	position		: absolute;
	width			: 980px;
	text-align		: center;
	padding			: 10px;
	border			: solid 1px black;
	top				: 1030px;
	color			: #333333;

}

.texte_bas_referencement
{
  font-size       : 11px;
  	font-family     : Arial;
	position		: absolute;
	width			: 980px;
	text-align		: center;
	padding			: 10px;
	border			: solid 1px black;
	top				: 880px;
	color			: #333333;

}

.texte_bas_solutions
{
  font-size       : 11px;
  	font-family     : Arial;
	position		: absolute;
	width			: 980px;
	text-align		: center;
	padding			: 10px;
	border			: solid 1px black;
	top				: 940px;
	color			: #333333;

}

.texte_bas_cartes_v
{
  font-size       : 11px;
  	font-family     : Arial;
	position		: absolute;
	width			: 980px;
	text-align		: center;
	padding			: 10px;
	border			: solid 1px black;
	top				: 870px;
	color			: #333333;
}

.texte_bas_ref_11{
	
	font-size       : 11px;
  	font-family     : Arial;
	position		: absolute;
	width			: 1000px;
	text-align		: center;
	padding			: 10px;
	border			: solid 1px black;
	top				: 3600px;
	color			: #333333;


}

.texte_bas_ref_10
{
  font-size       : 11px;
  	font-family     : Arial;
	position		: absolute;
	width			: 1000px;
	text-align		: center;
	padding			: 10px;
	border			: solid 1px black;
	top				: 3100px;
	color			: #333333;
}

.texte_bas_ref_09
{
  font-size       : 11px;
  	font-family     : Arial;
	position		: absolute;
	width			: 1000px;
	text-align		: center;
	padding			: 10px;
	border			: solid 1px black;
	top				: 2520px;
	color			: #333333;

}

.texte_bas_ref_08
{
  font-size       : 11px;
  	font-family     : Arial;
	position		: absolute;
	width			: 1000px;
	text-align		: center;
	padding			: 10px;
	border			: solid 1px black;
	top				: 1600px;
	color			: #333333;

}

.lien_bas
{
  font-weight     : bold;
  text-decoration : underline;
  color           : #333333;
}

body {
  background-repeat: repeat-x;
  background-image : url(images/fond_global.jpg);
  background-color : #ffffff;
  color            : #000000;
  font-family      : Arial;
  font-size        : 13px;
  margin           : 0px;
  text-align       : center;
}
  
.texte {
  color           : #000000;
  font-family     : Arial;
  font-size       : 13px;

}

.blanc {
  color: #ffffff;
  font-family     : Arial;
  font-size       : 13px;
  background-color: #000000;
}

.bleu {
  color: #30394c;
  font-family     : Arial;
  font-size       : 13px;
  font-weight     : bold;
}

.orange {
  color: #df6200;
  font-family     : Arial;
  font-size       : 13px;
  font-weight     : bold;
}

.lien {
  color: #000000;
  font-family     : Arial;
  font-size       : 13px;
  font-weight     : bold;
  text-decoration : underline;
}
  
img {
  border:none;
}
h1 {
  color: #000000;
  font-family     : Arial;
  font-size       : 13px;
  font-weight     : bold;
  border          : none;
  margin-top	  : 15px;
}
h2 {
  color: #df6200;
  font-family     : Arial;
  font-size       : 13px;
  font-weight     : bold;
  text-decoration : underline;
}
a:link{
border:none;
text-decoration:underline;
color:#000000;
}

a:visited{
border:none;
text-decoration:underline;
color:#000000;
}

a:hover{
border:none;
text-decoration:underline;
color:#000000;
}

a:active{
border:none;
text-decoration:underline;
color:#000000;
}

#flec2
{
  margin : -5 auto;
}

#flec
{
  margin : -20 auto;
}

#map2{
	color: #FFFFFF;
	padding-left: 300px;
	background-color: #FFFFFF;
}
#sitemap{
	color: #FFFFFF;
	margin:0 auto;
}
.ss_sitemap{
	color: #FFFFFF;
}
li{
	margin-top: 1px;
}
li a:link{
	font-family: Arial;
	font-weight:bold;
	color: #000000;
}
li a:visited{
	font-family: Arial;
	font-weight:bold;
	color: #000000;
}
li a:hover{
	font-family: Arial;
	font-weight:bold;
	color: #E38523;
}
li a:active{
	font-family: Arial;
	font-weight:bold;
	color: #000000;
}
#conteneurInfoBulle{
     margin:0;
     padding:0;
     width: 300px;
     height: 150px;
     overflow:hidden;
}
#conteneurInfoBulle h1{
     font:20px italic Arial;
     color:#267AA8;
     text-align:center;
}
#conteneurInfoBulle h2{
     font:17px Arial;
     margin:.5em 0;
     padding:0;
     text-align:center;
     color:orange;
}
#texteInfoBulle{
     margin:0;
     padding:0;
     font:11px Arial;
     overflow:hidden;
}
#texteInfoBulle p{
     margin:.5em 0;
     padding:0;
     text-indent:2em;
     text-align:justify;
}
#lettrineImage{
     float: left;
     margin: 0 .5em .5em 0;
     width: 100px;
     height:75px;
}
#EmplacementDeMaCarte{
     height:100%;
     overflow:hidden;
}
#connexion_espace_client
{
    vertical-align:middle; 
}


/* Navigation */


.fond_menu{
	

	width: 1200px;
	height: 33px;
	text-align: center;
	background-color: #ffffff;
}

#menu, #menu ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 32px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
}


#menu li a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : url('images/fond_menu.jpg'); /* couleur de fond */        
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 124px; /* largeur */
}


#menu li /* Éléments des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 140px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
        color: #646464;
       
}


/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu ul li a/* Contenu des sous listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : #363636; /* couleur de fond */        
        color : #ffffff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 124px; /* largeur */
        height: 32px;
        margin: 0;

}

#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #ffffff; /* On passe le texte en blanc... */
        background : #646464; /* ... et au contraire, le fond en blanc */

}


#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */

}


/* Menu 2 bouton orange */


#menu2, #menu2 ul    
{
        padding : 0; 
        margin : 0; 
        list-style : none; 
        line-height : 32px; 
        text-align : center; 
}

#menu2 
{
        font-weight : bold; 
        font-family : Arial; 
        font-size : 12px; /* hauteur du texte : 12 pixels */
}


#menu2 li a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : url('images/fond_survol.jpg'); /* couleur de fond */        
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 124px; /* largeur */
}


#menu2 li /* Éléments des listes */      
{ 
        float : left; 
        border-right : 1px solid #fff;
}


html>body #menu2 li
{
        border-right: 1px solid transparent ; 
}


/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu2 li ul li                
{
        border-top : 1px solid transparent; 
}


#menu2 a:hover   
{
        color: #ffffff; 
        background :#646464;
        }
        

/* Menu 3 bouton bleu */

#menu3, #menu2 ul    
{
        padding : 0; 
        margin : 0; 
        list-style : none; 
        line-height : 32px; 
        text-align : center; 
}

#menu3 
{
        font-weight : bold; 
        font-family : Arial; 
        font-size : 12px; /* hauteur du texte : 12 pixels */
}


#menu3 li a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : url('images/fond_bleu.jpg'); /* couleur de fond */        
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 124px; /* largeur */
}


#menu3 li /* Éléments des listes */      
{ 
        float : left; 
        border-right : 1px solid #fff;
}


html>body #menu3 li
{
        border-right: 1px solid transparent ; 
}


/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu3 li ul li                
{
        border-top : 1px solid transparent; 
}


#menu3 a:hover   
{
        color: #ffffff; 
        background :#646464;
        }

		
		
		
		
/**********************
	Bandeau DROIT
**********************/		
table.application
{	background-image: url("images/fond_dev_appli.jpg");
	background-repeat: no-repeat;
	width:300px;
	height:200px;
	position:relative;
	text-align: left;
	margin-top: -15px;
}

.AW {
	font-family: Arial;
	font-weight: bold;
	font-size: 20px;
	width: 200px;
	height: 30px;
	color: #2c2b2b;
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 0;}
	
.p {
	font-family: Arial;
	font-size: 16px;
	color: #2c2b2b;
	width: 220px;
	margin-left: 70px;
	margin-top: 0;
	margin-bottom: 0;}

table.appli {
	width: 300px;
	height: 142px;
	margin-top: -2px;
 }

.capture_appli {
	width: 142px;
	height: 142px;
	text-align: center;
	margin-left: 12px;
 }

.texte_appli {
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
}

table.appli_AW {
        background-image: url("images/fond_appli_AW.jpg");
	background-repeat: no-repeat;
	width:300px;
	height:92px;
	position:relative;
	margin-top: 0px;
}

table.AW_cloud {
        width:300px;
	height:160px;
	position:relative;
	margin-top: 5px;
}

.icone_AW{
	width: 70px;
	height: 70px;
	margin-top: 12px;
	margin-left: 15px}