* {
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

body {
	background-image: url(../images/motif_fond.gif);
	background-repeat: repeat;
	font-size: 0.9em;
	color:#666666;
}

img {
	border:0;
}

#conteneur {
	width:930px;
	margin-top:7px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

#banniere {
	padding-bottom:5px;
}
.spacer {
	clear:both;
}
.gras {
	font-weight:bold;
}
.italique {
  font-style:italic;
}
.souligne {
  text-decoration: underline;
}
.centre {
  text-align:center;
}


/*************         Partie gauche       ****************/
#contenugauche {
	width:170px;
	float:left;
}
.titre_menugauche {
	font-size: 0.9em;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding: 4px;
	background-image: url(../images/leftContact_top.gif);
	background-repeat:no-repeat;
}
.contenu_menugauche {
	font-size: 0.8em;
	padding: 5px;
	background-image: url(../images/leftContact_middle.gif);
}
.contenu_menugauche p {
	padding:5px 5px 25px 6px;
}
.contenu_menugauche a{
	font-size: 1em;
	color:#666666;
}
.contenu_menugauche a:hover{
	color:#CCCC00;
}
.bas_menugauche1 {
	font-size:0em;
	background-image: url(../images/left_bottom_normal.gif);
	height:15px;
}
.bas_menugauche2 {
	font-size:0em;
	background-image: url(../images/leftContact_bottom.gif);
	height:135px;
}

#menu_principalgauche {
	margin-bottom:9px;
}
#menu_principalgauche a{
	color:#FFFFFF;
	font-size:0.8em;
	text-decoration:none;
	font-weight:bold;
	padding-left:17px;
	background-image:url(../images/puce_gauche.jpg);
	background-repeat:no-repeat;
}
#menu_principalgauche a.on{
	color:#666666;
	background-image:url(../images/topLeft_puce_on.gif);
}
#menu_principalgauche a:hover{
	color:#666666;
}
#menu_principalgauche ul {
	margin-left:20px;
}
#menu_principalgauche li {
	list-style: none;
}
#menu_principalgauche_haut {
	height:10px;
	font-size:0em;
	background-image:url(../images/topLeft_top.gif);
	background-repeat:no-repeat;
}
#menu_principalgauche_bas {
	height:10px;
	font-size:0em;
	background-image:url(../images/topLeft_bottom.gif);
	background-repeat:no-repeat;
}
#menu_principalgauche_centre {
	background-image: url(../images/topLeft_background.gif);
	background-repeat:repeat-y;
}

#menu_recrutementgauche {
	margin-bottom:7px;
}
#menu_recrutementgauche .contenu_menugauche {
	padding:10px;
	text-align: center;
}

#coordonnees {
	text-align:center;
	width:158px;
	padding-left:1px;
	padding-bottom:40px;
}
#lettre {
	height:30px;
	font-size:0em;
	background-image:url(../images/newsletter.jpg);
	background-repeat:no-repeat;
}
#coordonnees_texte {
	padding:5px;
	border:1px solid #B5B5B5;
	border-top:none;
}

#menugauche_rubrique {
	background-image: url(../images/menu/menuNiv0.gif);
	border-top:2px solid #FFFFFF;
	font-size:0.9em;
	padding-bottom:30px;
}
#menugauche_rubrique_bas {
	background-image: url(../images/menu/fondgauche.gif);
	background-repeat:no-repeat;
	height:97px;
	width:170px;
	font-size:0em;
}
#menugauche_rubrique ul li{
	background-color:#666666;
	color:#E0E0E0;
	font-weight:bold;
	list-style:none;
	margin-top:23px;
	margin-left:2px;
	margin-right:2px;
	line-height:1.5em;
}
#menugauche_rubrique ul li.on{
	background-color:#FFA300;
	color:#FFFFFF;
	background-image: url(../images/menu/menuNiv3.gif);
}
#menugauche_rubrique ul li.on a {
	color:#FFFFFF;
}
#menugauche_rubrique ul li.on a:hover{
	color:#FFFFFF;
}
#menugauche_rubrique ul li.nomarge{
	margin-top:0px;
}
#menugauche_rubrique ul li a {
	color:#E0E0E0;
	text-decoration:none;
}
#menugauche_rubrique ul li a:hover{
	color:#E9BA53;
}
#menugauche_rubrique ul li ul li{
	background-color:#FFFFFF;
	color:#999999;
	font-weight:normal;
	background-image: url(../images/menu/menuNiv2.gif);
	margin:0px;
	padding-left:10px;
	border-top:1px solid #FFFFFF;
	font-size:0.85em;
	list-style:disc inside;
}
#menugauche_rubrique ul li ul li a {
	color:#666666;
}
#menugauche_rubrique ul li.on ul li a {
	color:#666666;
}
#menugauche_rubrique ul li ul li a:hover{
	color:#FFA300;
}
#menugauche_rubrique ul li.on ul li a:hover{
	color:#FFA300;
}
#menugauche_rubrique ul li ul li.on{
	background-color:#FFA300;
	color:#FFFFFF;
	background-image: url(../images/menu/menuNiv3.gif);
}
#menugauche_rubrique ul li ul li.on a {
	color:#FFFFFF;
}
#menugauche_rubrique ul li ul li.on a:hover{
	color:#FFFFFF;
}
#menugauche_rubrique .titre_ssrub {
	padding-left:8px;
	margin-top:2px;
	margin-bottom:2px;
}


/*************         Partie droite       ****************/
#contenudroite {
	width:236px;
	float:right;
}
#contenudroite .texte_gris {
	color:#666666;
}
.titre_menudroite {
	font-size: 0.9em;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding: 4px;
	background-image: url(../images/rightActu_top.gif);
	background-repeat:no-repeat;
}
.contenu_menudroite {
	font-size: 0.75em;
	background-image: url(../images/rightActu_middle.gif);
	background-repeat:repeat-y;
	padding-top:40px;
	padding-left:10px;
	padding-right:10px;
	
}
.contenu_menudroite h3 {
  font-size:1.1em;
  font-weight:bold;
  text-align:center;
  color:#FFA300;
  padding:0px 30px 20px 0px;
}
.contenu_menudroite img {
  padding:0px 0px 10px 0px;
  text-decoration:none;
}
.contenu_menudroite p {
	padding:0px 25px 10px 25px;
}
.contenu_menudroite ul {
  color:#CCCC00;
  padding:5px 30px 10px 45px;
}
.contenu_menudroite li {
text-align:justify;
}

.contenu_menudroite a{
	color:#666666;
}
.contenu_menudroite a:hover{
	color:#CCCC00;
}
.contenu_menudroite .references {
  margin-top:-20px;
}
.contenu_menudroite .colonne_gauche {
  font-size:0.9em;
  margin-left:10px;
  padding-right:10px;
  float:left;
  display:inline;
}
.contenu_menudroite .colonne_droite {
  font-size:0.9em;
  margin-top:-20px;
  display:inline;
}
.bas_menudroite1 {
}
.bas_menudroite2 {
	font-size:0em;
	background-image: url(../images/visu03.gif);
	height:68px;
}
.bas_menudroite3 {
  font-size:0em;
  background-image:url(../images/right_bottom.gif);
  height:25px;
}

#menu_droite ul {
	color:#CCCC00;
	margin-top:-20px;
	margin-left:-20px;
}
#menu_actualite p {
	color:#666666;
  }
#menu_actualite description {
	color:#666666;
}
#menu_actualite .texte_gris {
	color:#666666;
}


#consultez_realisations {
	margin-top:20px;
}

/*************         Contenu et Menu       ****************/
#menu {
	border:2px solid #FFFFFF;
	background-color:#666666;
	margin-left:180px;
	width:500px;
	height:22px;
}
#menu li{
	float:left;
	list-style:none;
	text-align:center;
}
#menu #menu_cdrom{
	width:110px;
}
#menu #menu_internet{
	width:90px;
}
#menu #menu_promotion{
	width:80px;
}
#menu #menu_duplication{
	width:100px;
}
#menu #menu_communication{
	width:120px;
}
#menu a{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-size:0.9em;
	float:left;
	height:20px;
	padding-top:2px;
}
#menu a:hover{
	background-color:#FFA300;
}
#menu a.on{
	background-color:#FFA300;
}

#titre_realisations { 
  margin-top:12px;
  margin-left:180px;
  line-height:46px;
  width:494px;
	padding: 2px 0px 0px 10px;
	vertical-align: bottom;
	background-image:url(../images/centerTopRealisation_top.gif);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 1px;
}

#contenu {
	margin-left:180px;
	width:504px;
}

#contenu_realisation {
  font-family: Arial, Helvetica, sans-serif;
  clear:both;
}
#contenu_realisation .bloc_haut {
  background-image:url(../images/blocRealisationsTop.gif);
  background-repeat:no-repeat;
  height:10px;
}
#contenu_realisation .bloc {
  background-image:url(../images/blocRealisationCenter.gif);
  background-repeat:-y;
  padding:10px 17px 10px 17px;
  margin-top:0px;
}
#contenu_realisation .bloc_bas {
  background-image:url(../images/blocRealisationsBottom.gif);
  background-repeat:no-repeat;
  height:40px;
}
#contenu_realisation .affichage_vignettes {
  border:1px solid #666666;
  margin:2px 2px 2px 2px;
  padding:1px 0px 1px 0px;
}
.affichage_vignettes img {
  border:1px solid #666666;
  margin:2px 1px 2px 3px;
}
.affichage_vignettes a {
  text-decoration:none;
}
#contenu_realisation .affichage_realisations {
  margin-left:20px;
  margin-top:20px;
  height:300px;
}
.affichage_realisations h1 {
  font-size: 13px;
}
.affichage_realisations h2 {
	font-size: 13px;
	font-weight:normal;
	color: #666666;
	padding-bottom:10px;
}
.affichage_realisations h3 {
	font-size: 12px;
	color: #CCCC00;
}
.affichage_realisations .description {
	font-size: 12px;
  padding-bottom:100px;
}
.affichage_realisations a {
	color: #666666;
	text-decoration:underline;
}
.affichage_realisations a:hover {
	color: #666666;
	text-decoration:underline;
}
.affichage_realisations img {
  margin-right:20px;
  padding-left:10px;
  float:right;
}
/************************/
.affichage_realisations .description ul {
  margin:0 0 0 20px;
  padding:0 0 0 0;
	/*margin-left:20px;
	margin-bottom:15px;*/
	color:#666666;
}
.affichage_realisations .description ul a {
	color: #666666;
}
.affichage_realisations .description ul a:hover {
	color:#FFA300;
}
.affichage_realisations .description ul li {
  margin:0 0 0 0;
  padding:0;
  color: #666666;
}
.affichage_realisations .description li {
  color:#666666;
  margin:0;
  padding:0 0 20px 0;
  font-size:12px;
}
/************************/
#contenu_realisation .texte_bas {
  font-size:12px;
  padding-top:5px;
  clear:both;
}
.texte_bas a {
	font-size: 12px;
	color: #666666;
}

.bloc {
	background-image: url(../images/centerTopContenu_middle.gif);
	margin-top:9px;
}


.bloc_titre {
	background-image: url(../images/centerTopContenu_top.gif);
	background-repeat:no-repeat;
	padding: 6px 0px 4px 8px;
}
.bloc_titre h1 {
	font-size:0.9em;
	color:#FFFFFF;
	font-weight:bold;
}
#img_droite {
  float: right;
  }
.bloc_texte {
	font-size:0.8em;
	margin: 9px 0px 0px 110px;
	width:355px;
	padding-bottom:10px;
}

.bloc_texte .texte_gris {
	color:#666666;
}
.bloc_texte p {
	padding-bottom:10px;
 }
.bloc_texte h2 {
	font-weight:bold;
	font-size:1.1em;
	border-left:2px solid #666666;
	padding-left:10px;
	margin-top:20px;
	margin-bottom:20px;
}
.bloc_texte h2.titre_liste {
	border:none;
	padding:0px;
	margin:0px;
	padding-bottom:10px;
	font-weight:bold;
	font-size:1em;
}
.bloc_texte h3 {
	font-weight:bold;
	font-size:1.1em;
	padding-top:5px;
	padding-bottom:15px;
	color:#FFA300;
}
.bloc_texte_liste {
	padding-left:25px;
}
.bloc_texte a {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}
.bloc_texte a:hover {
	color: #FFA300;
	text-decoration: none;
}
.bloc_texte ul.margeb_li li{
	margin-bottom:15px;
}
.bloc_texte ul.margeb_li li ul li{
	margin-bottom:0px;
}
.bloc_texte .cadre {
  border: solid 1px;
  border-color: #FFA300;
  padding: 10px;
}
.bloc_texte .cadre a {
  color:#FFA300;
  text-decoration:none;
}
.bloc_texte .cadre a:hover {
  color:#FFA300;
  text-decoration:underline;
}
.bloc_texte .cadre a:visited {
  color:#FFA300;
}
.bloc_texte #offre_carte_memoire {
  height: 160px;
  background-image: url(../images/sd_128mb.jpg);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 110px;
}
.bloc_texte #offre_cle_usb {
  min-height: 125px;
  background-image: url(../images/cles_usb.gif);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 140px;
}
.bloc_texte .identite_gauche {
  font-weight:bold;
  float:left;
}
.bloc_texte .identite_droite {
  margin-left:140px;
  padding-bottom:10px;
}
.bloc_haut {
	background-image: url(../images/centerBottomContenu_top.gif);
	height:9px;
	font-size:0em;
}
.bloc_bas {
	background-image: url(../images/centerTopContenu_bottom.gif);
	height:9px;
	font-size:0em;
}
.flash_objet {
	text-align:center;
}

#bloc_index {
	padding-left:25px;
	margin: 9px 10px 0px 10px;
	width:auto;
}
#bloc_index a {
	text-decoration:none;
	color:#666666;
}
#bloc_index a:hover {
	text-decoration:none;
	color:#FFA300;
}

.bloc ul {
	margin-left:10px;
	margin-bottom:15px;
	
 
}
.bloc ul a {
	color: #666666;
}
.bloc ul a:hover {
	color:#FFA300;
}
.bloc li {
  color: #666666;
}
.bloc li .texte_gris {
  margin:0;
  padding:0;
}


/* Formulaire */
#formulaire {
	font-size:0.8em;
	margin: 0px 20px 0px 20px;
}
#formulaire p {
	padding-bottom:3px;
}
#formulaire fieldset {
	border:0px;
	margin-top:5px;
}
#formulaire legend {
	color:#FFA300;
	font-size:1em;
	font-weight:bold;
	border-top:1px solid #FFA300;
	border-bottom:1px solid #FFA300;
	display:block;
	padding-top:3px;
	padding-bottom:3px;
	margin-bottom:5px;
}
#formulaire label {
	width:160px;
	background-color:#CCCCCC;
	padding:3px;
	padding-right:10px;
	text-align:right;
	float:left;
	color:#FFFFFF;
	font-weight:bold;
}
#formulaire label.gris2 {
	background-color:#999999;
}
#formulaire span.gris2 {
	width:160px;
	background-color:#999999;
	padding:3px;
	padding-right:10px;
	text-align:right;
	float:left;
	color:#FFFFFF;
	font-weight:bold;
}
#formulaire .formulaire_gris {
	border: #666666 1px solid;
	color: #666666;
	background-color:#FFFFFF;
	margin-bottom:7px;
	margin-left:20px;
	height:18px;
	width:257px;
	font-size:1em;
}
#formulaire .formulaire_gris_petit {
	border: #666666 1px solid;
	color: #666666;
	background-color:#FFFFFF;
	margin-bottom:7px;
	margin-left:20px;
	height:18px;
	width:100px;
	font-size:1em;
	vertical-align:middle;
}
#formulaire .formulaire_gris_petit2 {
	border: #666666 1px solid;
	color: #666666;
	background-color:#FFFFFF;
	margin:0px;
	height:18px;
	width:60px;
	font-size:1em;
	vertical-align:middle;
}
#formulaire .formulaire_gris_textarea {
	border: #666666 1px solid;
	color: #666666;
	background-color:#FFFFFF;
	margin-bottom:7px;
	margin-top:1px;
	margin-left:20px;
	height:100px;
	width:257px;
	font-size:1em;
}

#formulaire .form_liste {
	margin-left:195px;
	width:250px;
	margin-bottom:7px;
}
#formulaire .form_liste label {
	background-color:#FFFFFF;
	padding:2px;
	text-align:left;
	float:none;
	color:#666666;
	font-weight:normal;
}
#formulaire .form_liste input {
	margin:0px;
	padding:0px;
}
#formulaire .formulaire_gris_bt_ok {
	border: #666666 1px solid;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	background-color: #666666;
	margin:3px;
}
#formulaire .boutons {
	text-align:center;
	border-top:1px solid #FFA300;
	padding:5px;
}

#droit {
	font-size: 0.7em;
	color: #CCCCCC;
	margin: 10px 50px 10px 50px;
}

/*************         Footer       ****************/
#footer {
	text-align:center;
	background-color:#666666;
	padding-top:3px;
	padding-bottom:3px;
	margin-top:20px;
	margin-bottom:23px;
	color:#FFFFFF;
	font-size:0.7em;
	letter-spacing: 1px;
}
#footer a {
	color:#FFFFFF;
	text-decoration:none;
}
#footer a:hover {
	color:#E9BA53;
	text-decoration:none;
}
.swf_d {
 PADDING-RIGHT: 5px;  
 PADDING-LEFT: 5px; 
 PADDING-BOTTOM: 5px;
 PADDING-TOP: 5px;
 MARGIN: 10px 0px 0px 0px; 
  BORDER-TOP:#848484 1px solid;
 BORDER-LEFT: #848484 1px solid;
 BORDER-BOTTOM: #848484 1px solid;  
 BORDER-RIGHT: #848484 1px solid;
}
.swf01 {
 PADDING-RIGHT: 5px;  
 PADDING-LEFT: 5px; 
 PADDING-BOTTOM: 5px;
 PADDING-TOP: 5px;
 MARGIN: 300px 0px 0px 3px; 
  BORDER-TOP:#848484 1px solid;
 BORDER-LEFT: #848484 1px solid;
 BORDER-BOTTOM: #848484 1px solid;  
 BORDER-RIGHT: #848484 1px solid;
}

.swf {
 PADDING-RIGHT: 5px;  
 PADDING-LEFT: 5px; 
 PADDING-BOTTOM: 5px;
 PADDING-TOP: 5px;
 MARGIN: 10px 0px 0px 3px; 
  BORDER-TOP:#848484 1px solid;
 BORDER-LEFT: #848484 1px solid;
 BORDER-BOTTOM: #848484 1px solid;  
 BORDER-RIGHT: #848484 1px solid;
}
.swf1 {
 PADDING-RIGHT: 5px;  
 PADDING-LEFT: 5px; 
 PADDING-BOTTOM: 5px;
 PADDING-TOP: 5px;
 MARGIN:500px -150px 0px 3px; 
  BORDER-TOP:#848484 1px solid;
 BORDER-LEFT: #848484 1px solid;
 BORDER-BOTTOM: #848484 1px solid;  
 BORDER-RIGHT: #848484 1px solid;
}
.swf2 {
 PADDING-RIGHT: 5px;  
 PADDING-LEFT: 5px; 
 PADDING-BOTTOM: 5px;
 PADDING-TOP: 5px;
 MARGIN:1080px -150px 0px 3px; 
  BORDER-TOP:#848484 1px solid;
 BORDER-LEFT: #848484 1px solid;
 BORDER-BOTTOM: #848484 1px solid;  
 BORDER-RIGHT: #848484 1px solid;
}
.swf3 {
 PADDING-RIGHT: 5px;  
 PADDING-LEFT: 5px; 
 PADDING-BOTTOM: 5px;
 PADDING-TOP: 5px;
 MARGIN:625px -150px 0px 3px; 
  BORDER-TOP:#848484 1px solid;
 BORDER-LEFT: #848484 1px solid;
 BORDER-BOTTOM: #848484 1px solid;  
 BORDER-RIGHT: #848484 1px solid;
}
.swf4 {
 PADDING-RIGHT: 5px;  
 PADDING-LEFT: 5px; 
 PADDING-BOTTOM: 5px;
 PADDING-TOP: 5px;
 MARGIN:880px -150px 0px 3px; 
  BORDER-TOP:#848484 1px solid;
 BORDER-LEFT: #848484 1px solid;
 BORDER-BOTTOM: #848484 1px solid;  
 BORDER-RIGHT: #848484 1px solid;
}
.swf5 {
 PADDING-RIGHT: 5px;  
 PADDING-LEFT: 5px; 
 PADDING-BOTTOM: 5px;
 PADDING-TOP: 5px;
 MARGIN:1250px -150px 0px 3px; 
  BORDER-TOP:#848484 1px solid;
 BORDER-LEFT: #848484 1px solid;
 BORDER-BOTTOM: #848484 1px solid;  
 BORDER-RIGHT: #848484 1px solid;
}
.swf6 {
 PADDING-RIGHT: 5px;  
 PADDING-LEFT: 5px; 
 PADDING-BOTTOM: 5px;
 PADDING-TOP: 5px;
 MARGIN:750px -150px 0px 3px; 
  BORDER-TOP:#848484 1px solid;
 BORDER-LEFT: #848484 1px solid;
 BORDER-BOTTOM: #848484 1px solid;  
 BORDER-RIGHT: #848484 1px solid;
}
.swf7 {
 PADDING-RIGHT: 5px;  
 PADDING-LEFT: 5px; 
 PADDING-BOTTOM: 5px;
 PADDING-TOP: 5px;
 MARGIN:1128px -150px 0px 3px; 
  BORDER-TOP:#848484 1px solid;
 BORDER-LEFT: #848484 1px solid;
 BORDER-BOTTOM: #848484 1px solid;  
 BORDER-RIGHT: #848484 1px solid;
}
.swf8 {
 PADDING-RIGHT: 5px;  
 PADDING-LEFT: 5px; 
 PADDING-BOTTOM: 5px;
 PADDING-TOP: 5px;
 MARGIN:1400px -150px 0px 3px; 
  BORDER-TOP:#848484 1px solid;
 BORDER-LEFT: #848484 1px solid;
 BORDER-BOTTOM: #848484 1px solid;  
 BORDER-RIGHT: #848484 1px solid;
}

