body
{
	width: 992px;
	margin: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFFFFF;
	background-image:url(img/commun/fond_cotes.jpg);
	background-repeat:repeat-x;
}
#navigation
{
	width: 992px;
	height: 46px;
	background-image:url(img/commun/fond_navig.gif);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#bandeau
{
	width: 992px;
	height: 285px;
	margin: 0;
	padding:0;
	
}
#texte_bandeau
{
	width: 992px;
	height: 170px;
	margin: 0;
	padding:0;
	padding-top:90px;
	padding-left:30px;
	line-height:28px;
	color: #ffffff;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
}

#contenu
{
	width: 992px;
	min-height:420px;
	margin: 0;
	padding:0;
	background-color:#f3f4f6;
	/*ligne suivante pour que la fenetre contenu s'agrandisse en hauteur et pousse vers le bas le pied de page*/
	overflow:auto;
}
#bande_orange
{
	width: 992px;
	height:30px;
	/*background-color:#ff6600;*/
	background-image:url(img/commun/fond_bande_bas.jpg);
	background-repeat:no-repeat;
	margin: 0;
	padding:0;
	font-size:12px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:middle;
	text-align:right;
}
.aligne_droite
{
	float:right;
	margin:0px;
}



#prestations
{
	width: 982px;
	height:33px;
	background-image:url(img/commun/fond_menu_prestations.gif);
	background-repeat:repeat-x;
	margin: 0;
	padding:0;
	margin-left:5px;
}
#contenu1
{
	width: 982px;
	margin-left:5px;
}
#trait_bleu {
	background-color:#6c87a4;
	width:775px;
	height:1px;
}
#contenu_principal
{
	width: 775px;
}

#contenu_colonnes
{
	width: 775px;
	display:inline;
}
#colonnes3 {
	width:240px;
	float:left;
	padding-left:8px;
	padding-right:8px;
}
#colonnes3a {
	width:240px;
	float:left;
	padding-left:8px;
	padding-right:8px;
}
#colonnes3b {
	width:240px;
	float:left;
	padding-left:8px;
	padding-right:8px;
}
#colonnes3c {
	width:240px;
	float:left;
	padding-left:8px;
	padding-right:8px;
}
#colonnes2{
	width:370px;
	float:left;
	padding-left:8px;
	padding-right:8px;
}
#colonnes2a{
	width:370px;
	float:left;
	padding-left:8px;
	padding-right:8px;
}
#colonnes2b{
	width:370px;
	float:left;
	padding-left:8px;
	padding-right:8px;
}
#bande_infos
{
	width: 200px;
	min-height:420px;
	float:right;
}
#infos1
{
	width: 185px;
	min-height:140px;
	background-color:#e5e7eb;
	padding:5px;
	margin-bottom:10px;
}
#infos2
{
	width: 185px;
	background-color:#e5e7eb;
	padding:5px;
}
#infos3
{
	width: 185px;
	background-color:#e5e7eb;
	padding:5px;
}
#infos4
{
	width: 185px;
	background-color:#e5e7eb;
	padding:5px;
}
#lien_suite {
	color: #333333;
	font-weight: normal;
	text-decoration: none;
	text-align:right;
}
#lien_suite2 {
	color: #333333;
	font-weight: normal;
	text-decoration: none;
	text-align:right;
}
#lien_devis {
	color: #0c85a8;
	font-weight: bold;
	text-decoration: none;
	font-size:14px;
	text-align:right;
}


.logo
{
	margin-left:10px;
	margin-top:15px;
}
.navig {
	list-style-type: none;
	padding:0;
	margin: 0px;
	margin-top: -25px;
	margin-left: 300px;
}
/*caractéristiques de position de la liste de navigation : */
.navig li {
	padding-left:0px;
	padding-right:0px;
	margin-left: 6px;
	margin-right: 6px;
	display: inline;
}
/*caractéristiques textes de la liste de navigation : */
.navig a {
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight:normal;
}
/*caractéristiques textes des roll overs de la liste de navigation : */
.navig a:hover {
	color: #000000;
	text-decoration:underline;
}
.navig_cliquee{
	color: #000000;
	text-decoration: underline;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:normal;
}
.menu_clique{
	color: #6c87a4;
	text-decoration: none;
	font-family:Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight:bold;
}
/*menu prestations : */
.menu_prestations {
	list-style-type: none;
	padding:0;
	margin: 0;
	padding-top:5px;
	text-align:center;

}
/*caractéristiques de position de la liste de prestations : */
.menu_prestations li {
	padding:0;
	margin: 0;
	padding-left: 8px;
	padding-right:8px;
	display: inline;
}
/*caractéristiques textes de la liste de prestations : */
.menu_prestations a {
	text-decoration: none;
	font-family:Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #ff6600;
	font-weight:bold;
}
/*caractéristiques textes des roll overs de la liste de prestations : */
.menu_prestations a:hover {
	color: #6c87a4;
	text-decoration:none;
}
/**/
h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #333333;
	font-weight: normal;
	margin-bottom:-10px;
}
h2
{
	font-family:Verdana, Arial,Helvetica;
	font-size: 17px;
	color: #336699;
	font-weight: normal;
}
h3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	margin-top:0px;
}
h4
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ff6600;
	font-variant:small-caps;
	margin-bottom:-8px;
}
h5
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #336699;
	font-weight:bold;
	/*font-variant:small-caps;*/
	margin-bottom:-8px;
}

.titre_orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ff6600;
	font-variant:small-caps;
	}
.lettres_orange a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ff6600;
	font-variant:small-caps;
}
.lettres_orange a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ff6600;
	font-variant:small-caps;
}
.txt_contenu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #336699;
	font-weight: normal;
}

.retrait_texte {
		margin-left:-30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #336699;
	font-weight: normal;
}

.txt_contenu_italic {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #336699;
	font-weight: normal;
	font-style:italic;
}
.titres_contenu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #336699;
	font-weight: bold;
}
.txt_intro {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #336699;
	font-weight: normal;
}
.liste_contenu li {
	list-style:inside;
	list-style-type:disc;
	color: #336699;
}
.liste_colonnes li {
	list-style:inside;
	list-style-type:disc;
	margin-left:-25px;
	color: #336699;
}
.liste_plan li {
	list-style:inside;
	list-style-type:disc;
	margin-left:-25px;
	color:#FF6600;
}
.liste_glossaire li {
	list-style:inside;
	list-style-type:none;
	margin-left:-38px;
	margin-bottom:15px;
	color: #336699;
}

.texte_bande_orange  {
	list-style:none;
	list-style-type:none;
	text-decoration:none;
	padding-left:10px;
}

.icone{
	margin-top:5px;
	border:dotted 1px #fabc94;
}
.lien_bande_orange {
	list-style:none;
	list-style-type:none;
	text-decoration:none;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:normal;
}
.lien_bande_orange a {
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:normal;
}

.lien_bande_orange a:hover {
	color: #ffffff;
	text-decoration:underline;
}

.lien_bleu_fonce {
	color: #66728c;
	font-weight: bold;
	text-decoration: none;
	font-size:12px;
}

/*couleur et caractéristique de la classe 'lien_ext' qui est definie dans le fichier js liens_externes.js*/
.lien_ext {
	color: #66728c;
	font-weight: normal;
	font-style:italic;
	text-decoration: none;
	font-size:12px;
}
.lien_ext_orange {
	color:#F60;
	font-style:italic;
	text-decoration: none;
	font-size:12px;
}
.orange
{
	color:#F60;
}


/*page index........................*/
.illus_index
{
	float:left;
	margin-top:5px;
	margin-left:5px;
	margin-right:20px;
	margin-bottom:0px;
}
#liens {
	color: #FF6600;
	font-size:14px;
	font-weight: bold;
	text-decoration: none;
	text-align:right;
	margin-right:10px;
	margin-top:0px;
	margin-bottom:10px;
}

/*.....................................*/
/*page e tourisme........................*/
#bandeau_etourisme
{
	width: 992px;
	height: 284px;
	margin: 0;
	padding:0;
	background-image:url(img/etourisme/etourisme.jpg);
	background-repeat:no-repeat;
}
.illus_etourisme
{
	float:right;
	margin-top:15px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:0px;
}

.liste_colonnes_etourisme li {
	list-style:outside;
	list-style-type:disc;
	margin-left:10px;
	color: #336699;
}

.vignette_etourisme{
	float:left;
	margin-left:35px;
	margin-right:20px;
	margin-top:15px;
	margin-bottom:5px;
}
/*.....................................*/
/*page e business........................*/
#bandeau_ebusiness
{
	width: 992px;
	height: 284px;
	margin: 0;
	padding:0;
	background-image:url(img/ebusiness/ebusiness.jpg);
	background-repeat:no-repeat;
}
.image_ebusiness
{
	float:left;
	margin-left:10px;
	margin-right:60px;
	margin-top:20px;
	margin-bottom:0px;
}


.packaging_ebusiness
{
	float:left;
	margin-left:0px;
	margin-top:-10px;
	margin-bottom:15px;
}
.liste_colonnes_ebusiness li {
	list-style:outside;
	list-style-type:disc;
	margin-left:-60px;
	color: #336699;
}
/*.....................................*/
/*page e commerce........................*/

#bandeau_ecommerce
{
	width: 992px;
	height: 284px;
	margin: 0;
	padding:0;
	background-image:url(img/ecommerce/ecommerce.jpg);
	background-repeat:no-repeat;
}
#image_ecommerce
{
	float:right;
	width: 370px;
	text-align:center;
	margin-top:20px;
}
.liste_colonnes_ecommerce li {
	list-style:outside;
	list-style-type:disc;
	margin-left:0px;
	color: #336699;
}
#colonnes2a_ecommerce{
	width:370px;
	float:left;
	padding-left:0px;
	padding-right:8px;
}
#colonnes2b_ecommerce{
	width:370px;
	float:left;
	padding-left:8px;
	padding-right:8px;
}

.packaging_ecommerce
{
	float:left;
	margin-left:0px;
	margin-top:-10px;
	margin-bottom:15px;
}
/*.....................................*/
/*page devis........................*/
#bandeau_devis
{
	width: 992px;
	height: 284px;
	margin: 0;
	padding:0;
	background-image:url(img/devis/devis.jpg);
	background-repeat:no-repeat;
}
/*.....................................*/
/*page sites web........................*/
#bandeau_sites_web
{
	width: 992px;
	height: 284px;
	margin: 0;
	padding:0;
	background-image:url(img/sites_web/sites.jpg);
	background-repeat:no-repeat;
}
#vignettes1,#vignettes2,#vignettes3
{
	width: 200px;
	text-align:center;
	margin-top:20px;
	margin-bottom:15px;
}
/*.....................................*/
/*page relookage........................*/
#bandeau_relookage
{
	width: 992px;
	height: 284px;
	margin: 0;
	padding:0;
	background-image:url(img/relookage/relookage.jpg);
	background-repeat:no-repeat;
}
.aligne_gauche{
	float:left;
}
/*.....................................*/
/*page hebergement........................*/
#bandeau_hebergement
{
	width: 992px;
	height: 284px;
	margin: 0;
	padding:0;
	background-image:url(img/hebergement/hebergement.jpg);
	background-repeat:no-repeat;
}
#image_centree_col3
{
	width: 240px;
	text-align:center;
	margin-top:20px;
}
/*.....................................*/
/*page referencement........................*/
#bandeau_referencement
{
	width: 992px;
	height: 284px;
	margin: 0;
	padding:0;
	background-image:url(img/referencement/referencement.jpg);
	background-repeat:no-repeat;
}
.illus_referencement
{
	float:left;
	margin-top:30px;
	margin-left:10px;
	margin-right:15px;
	margin-bottom:15px;
}
/*.....................................*/
/*page tracking........................*/
#bandeau_tracking
{
	width: 992px;
	height: 284px;
	margin: 0;
	padding:0;
	background-image:url(img/tracking/tracking.jpg);
	background-repeat:no-repeat;
}
.illus_tracking
{
	float:left;
	margin-top:25px;
	margin-left:0px;
	margin-right:10px;
	margin-bottom:20px;
}
/*.....................................*/
/*page prestations........................*/
.illus_prestations
{
	float:left;
	margin-top:70px;
	margin-left:30px;
	margin-right:15px;
	margin-bottom:15px;
}
/*.....................................*/
/*page emploi........................*/
.illus_emploi
{
	float:left;
	margin-top:0px;
	margin-left:30px;
	margin-right:15px;
}
/*.....................................*/
/*page glossaire........................*/
#contenu_glossaire
{
	width: 750px;
	height: 300px;
	overflow:scroll;
	margin-left:10px;
	background-color:#FFFFFF;
}
/*.....................................*/
/*page presentation........................*/
.illus_presentation
{
	float:left;
	margin-top:30px;
	margin-left:10px;
	margin-right:10px;


}
.illus_equipe
{
	float:right;
	margin-left:0px;
	margin-right:10px;
	margin-top:0px;
	margin-bottom:50px;
}

.liste_colonnes_presentation li {
	list-style:outside;
	list-style-type:disc;
	margin-left:-25px;
	color: #336699;
}

.en_colonne
{
	float:left;
	margin-left:10px;
	margin-right:25px;
	margin-top:0px;
	margin-bottom:10px;
	width:220px;
	text-align:justify;
}

#contenu_presentation
{
	display:inline;
	
}
#contenu_principal2
{
	width: 600px;
	margin-left:8px;
}
#bande_infos2
{
	width: 350px;
	min-height:420px;
	float:right;
	text-align:center;
	padding-top:15px;

}
#lien_devis2 {
	color: #0c85a8;
	font-weight: bold;
	text-decoration: none;
	
	font-size:14px;
	text-align:center;
}
.en_colonne2
{
	float:left;
	margin-left:10px;
	margin-right:10px;
	margin-top:0px;
	margin-bottom:10px;
	width:280px;
	text-align:justify;
}

/*.....................................*/
/*page realisations........................*/

.description_rea
{
	width: 980px;
	height:160px;
}
.texte_description_rea
{
	width: 770px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #336699;
	font-weight: normal;
}
.vignettes_rea
{
	float:left;
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;
}

/*.....................................*/
/*page news........................*/
.illus_news
{
	float:left;
	margin-top:0px;
	margin-left:10px;
	margin-right:10px;
	/*changer cette valeur pour bien caler à droite les textes des nouveautes du mois. agrdandir ou retrecir selon longueur textes*/
	margin-bottom:0px;
}

#nouveautes_news
{
	width: 600px;
}
#contenu_rea_news
{
	width: 590px;
	min-height:160px;
}
#rea_news1,#rea_news2
{
	width: 260px;
	float:left;
	margin-top:0px;
	margin-right:15px;
	padding-left:15px;
}
#coup_coeur
{
	width: 310px;
	min-height:140px;
	background-color:#e5e7eb;
	padding:5px;
	margin-bottom:10px;
	text-align:center;
	margin-left:15px;
}
#infos1_news
{
	width: 310px;
	min-height:140px;
	background-color:#e5e7eb;
	padding:5px;
	margin-bottom:10px;
	text-align:center;
	margin-left:15px;
}
#infos2_news
{
	width: 310px;
	background-color:#e5e7eb;
	padding:5px;
	text-align:center;
	margin-left:15px;
}
#infos3_news
{
	width: 310px;
	background-color:#e5e7eb;
	padding:5px;
	text-align:center;
	margin-left:15px;
}
#infos4_news
{
	width: 310px;
	background-color:#e5e7eb;
	padding:5px;
	text-align:center;
	margin-left:15px;
}
#contenu_principal_news
{
	width: 600px;

}
#colonnes2a_news{
	width:280px;
	float:left;
	padding-left:8px;
	padding-right:8px;
}
#colonnes2b_news{
	width:280px;
	float:left;
	padding-left:8px;
	padding-right:8px;
}
.liste_colonnes_news li {
	list-style:inside;
	list-style-type:disc;
	margin-left:-25px;
	color: #336699;
	text-align:left;
}
.lien_twitter  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #F60;
	font-weight: bold;
	font-variant:small-caps;
	
}
.lien_twitter a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #F60;
	font-weight: bold;
	text-decoration:underline;
	
}
/*.....................................*/
/*page partenaires........................*/
.vignettes_partenaires
{
	margin-top:5px;
}
#contenu_partenaires
{
	width: 775px;
	height:820px;
}
#partenaires1,#partenaires2,#partenaires3,#partenaires4,#partenaires5,#partenaires6
{
	width: 775px;
	height:110px
}

#img_partenaires1,#img_partenaires2,#img_partenaires3,#img_partenaires4,#img_partenaires5,#img_partenaires6
{
	width: 200px;
	height:100px;
	background-color:#FFFFFF;
	padding-top:0px;
	margin-right:25px;
	text-align:center;
	float:left;
}


/*.....................................*/
/*page desabonnement........................*/

.illus_desabonnement
{
	float:left;
	margin-top:20px;
	margin-left:20px;
	margin-right:30px;
	/*changer cette valeur pour bien caler à droite les textes des nouveautes du mois. agrdandir ou retrecir selon longueur textes*/
	margin-bottom:100px;
}
/*.....................................*/
/*page desabonnement........................*/

#annonce_emploi
{
	width:720px;
	margin-bottom:15px;
}
/*.....................................*/