/* CSS Document */

body{
	margin: 0;
	background-image:url(images/bg_body.jpg);
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif; 
}

#general{
	width: 955px;
	height: auto;
	margin: 0 auto;
	background-image:url(images/bg_contenu_2.jpg);
	background-repeat:repeat-y;
}

#header_1{
	width: 955px;
	height: 28px;
	margin: 0 auto;
	background-color: #2d8ab0;
}

#header_1 img{  /*fixe la marge sur img*/
	display: block;
}

#header_2{
	width: 955px;
	height: 116px;
	margin: 0 auto;
	background-image:url(images/bg_bandeau.jpg);
	background-repeat:no-repeat;
	background-color: #cccccc;
}

#global{
	width: 955px;
	margin: 0 auto;
	height: auto;  
	background-image:url(images/bg_y.jpg);
	background-repeat:repeat-y;
}

#content{
	width: 955px;
	height: auto;
	background-image:url(images/bg_content.jpg);
	background-repeat:no-repeat;
}

#contenu{
	width: 935px;
	height: auto;
	margin: 0 auto;
}

#footer{
	width: 100%;
	height: 150px;
	clear: both;
	background-color: #7eaac5;
}

#logo{
	border: 0;
	margin: 0 0 0 50px;
}

#footer_bloc{
	width: 955px;
	height: 55px;
	clear: both;
	margin: 0 auto;
}

p#toptechnology{
	text-align: center;
}

p#toptechnology a{
	color: #ffffff;
	font-size: 0.8em;
	text-decoration:none;
}

p#toptechnology img{
	border: none;
}

p#toptechnology a:hover{
	text-decoration:underline;
}

/*-------MENU----------*/

ul#menu{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#menu li{
	display: inline;
	float: left;
}

ul#menu li span{
	display: none;
}

ul#menu li a#image1 { 
     display: block; 
     width: 103px; 
     height: 49px; 
     background-image: url(images/menu/accueil.jpg); 
     background-repeat: no-repeat;
}

ul#menu li a#image1:hover { 
     background-image: url(images/menu/accueil_02.jpg); 
     }

ul#menu li a#image1_1 { 
     display: block; 
     width: 103px; 
     height: 49px; 
     background-image: url(images/menu/accueil_02.jpg); 
     background-repeat: no-repeat;
}

ul#menu li a#image1_1:hover { 
     background-image: url(images/menu/accueil_02.jpg); 
     } 

ul#menu li a#image2 { 
     display: block; 
     width: 208px; 
     height: 49px;
     background-image: url(images/menu/plv.jpg);
     background-repeat: no-repeat;
}

ul#menu li a#image2:hover { 
     background-image: url(images/menu/plv_02.jpg); 
     }
	 
ul#menu li a#image2_2 { 
     display: block; 
     width: 208px; 
     height: 49px;
     background-image: url(images/menu/plv_02.jpg);
     background-repeat: no-repeat;
} 
	 
ul#menu li a#image3 { 
     display: block; 
     width: 122px; 
     height: 49px; 
     background-image: url(images/menu/objet.jpg); 
     background-repeat: no-repeat;
}

ul#menu li a#image3:hover { 
     background-image: url(images/menu/objet_02.jpg);
     }
	 
ul#menu li a#image3_3 { 
     display: block; 
     width: 122px; 
     height: 49px; 
     background-image: url(images/menu/objet_02.jpg); 
     background-repeat: no-repeat;
}
	  
ul#menu li a#image4 { 
     display: block; 
     width: 116px; 
     height: 49px; 
     background-image: url(images/menu/parapluies.jpg);
     background-repeat: no-repeat;
}

ul#menu li a#image4:hover { 
     background-image: url(images/menu/parapluies_02.jpg); 
     } 
	 
ul#menu li a#image4_4 { 
     display: block; 
     width: 116px; 
     height: 49px; 
     background-image: url(images/menu/parapluies_02.jpg);
     background-repeat: no-repeat;
}
	 
ul#menu li a#image5 { 
     display: block; 
     width: 110px;
     height: 49px; 
     background-image: url(images/menu/bannieres.jpg); 
     background-repeat: no-repeat;
}

ul#menu li a#image5:hover { 
     background-image: url(images/menu/bannieres_02.jpg); 
     } 
	 
ul#menu li a#image5_5 { 
     display: block; 
     width: 110px;
     height: 49px; 
     background-image: url(images/menu/bannieres_02.jpg); 
     background-repeat: no-repeat;
}
	 
ul#menu li a#image6 { 
     display: block; 
     width: 195px; 
     height: 49px;
     background-image: url(images/menu/guirlandes.jpg); 
     background-repeat: no-repeat;
}

ul#menu li a#image6:hover { 
     background-image: url(images/menu/guirlandes_02.jpg); 
     } 
	 
ul#menu li a#image6_6 { 
     display: block; 
     width: 195px; 
     height: 49px;
     background-image: url(images/menu/guirlandes_02.jpg); 
     background-repeat: no-repeat;
}
	 
ul#menu li a#image7 { 
     display: block; 
     width: 101px; 
     height: 49px; 
     background-image: url(images/menu/contact.jpg); 
     background-repeat: no-repeat;
}

ul#menu li a#image7:hover { 
     background-image: url(images/menu/contact_02.jpg); 
     } 
	 
ul#menu li a#image7_7 { 
     display: block; 
     width: 101px; 
     height: 49px; 
     background-image: url(images/menu/contact_02.jpg); 
     background-repeat: no-repeat;
}

/*-------TITRE H2---------*/

#contenu h2#accueil{
	color: #216a88;
	font-size: 1.1em;
	font-weight: normal;
	font-family: "Trebuchet MS", Verdana;
	margin: 0 0 0 0;
	padding: 0 0 0 35px;
	background-image:url(images/bg_titre_accueil.jpg);
	background-repeat:no-repeat;	
}

#contenu h2#plv{
	color: #216a88;
	font-size: 1.1em;
	font-weight: normal;
	font-family: "Trebuchet MS", Verdana;
	margin: 0 0 0 0;
	padding: 0 0 0 35px;
	background-image:url(images/bg_titre_plv.jpg);
	background-repeat:no-repeat;	
}

#contenu h2#objet{
	color: #216a88;
	font-size: 1.1em;
	font-weight: normal;
	font-family: "Trebuchet MS", Verdana;
	margin: 0 0 0 0;
	padding: 0 0 0 35px;
	background-image:url(images/bg_titre_objet.jpg);
	background-repeat:no-repeat;	
}

#contenu h2#parapluies{
	color: #216a88;
	font-size: 1.1em;
	font-weight: normal;
	font-family: "Trebuchet MS", Verdana;
	margin: 0 0 0 0;
	padding: 0 0 0 35px;
	background-image:url(images/bg_titre_parapluies.jpg);
	background-repeat:no-repeat;	
}

#contenu h2#bannieres{
	color: #216a88;
	font-size: 1.1em;
	font-weight: normal;
	font-family: "Trebuchet MS", Verdana;
	margin: 0 0 0 0;
	padding: 0 0 0 35px;
	background-image:url(images/bg_titre_bannieres.jpg);
	background-repeat:no-repeat;	
}

#contenu h2#guirlandes{
	color: #216a88;
	font-size: 1.1em;
	font-weight: normal;
	font-family: "Trebuchet MS", Verdana;
	margin: 0 0 0 0;
	padding: 0 0 0 35px;
	background-image:url(images/bg_titre_guirlandes.jpg);
	background-repeat:no-repeat;	
}

#contenu h2#contact{
	color: #216a88;
	font-size: 1.1em;
	font-weight: normal;
	font-family: "Trebuchet MS", Verdana;
	margin: 0 0 0 0;
	padding: 0 0 0 35px;
	background-image:url(images/bg_titre_contact.jpg);
	background-repeat:no-repeat;	
}

#contenu h2#actualites{
	color: #216a88;
	font-size: 1.1em;
	font-weight: normal;
	font-family: "Trebuchet MS", Verdana;
	margin: 0 0 0 0;
	padding: 0 0 0 35px;
	background-image:url(images/bg_titre_actualites.jpg);
	background-repeat:no-repeat;	
}
#contenu h2#admin{
	color: #216a88;
	font-size: 1.1em;
	font-weight: normal;
	font-family: "Trebuchet MS", Verdana;
	margin: 0 0 0 0;
	padding: 0 0 0 35px;
	background-image:url(images/bg_titre_guirlandes.jpg);
	background-repeat:no-repeat;	
}

#contenu p{
	color: #015374;
	margin: 0;
	padding: 5px 0;
}

/*----------------PAGE D'ACCUEIL------------------------------*/

#bloc_index_1{
	width: 185px;
	height: auto;
	margin: 10px 0 0 0;
	padding: 0 0 0 20px;
	float: left;
	background-color:#ffffff;
}

#bloc_index_1 h3{
	width: 180px;
	height: 34px;
	color: #ffffff;
	font-size: 1.2em;
	padding: 0 0 0 20px;
	margin: 0;
	background-image:url(images/bg_titre_espace_actu.jpg);
	background-repeat:no-repeat;
}

#bloc_index_1 #actu{
	width: 180px;
	height: auto;
	margin: 0;
	padding: 10px 5px;
	color: #015374;
	background-image:url(images/bg_espace_actu.jpg);
	background-repeat:no-repeat;
}

#bloc_index_1 #actu p{
	font-size: 0.8em;
	margin: 0;
}

#bloc_index_1 #actu a{
	color: #015374;
}

.img_actu{
	border: 1px solid #ffffff;
}


#bloc_index_2{
	width: 272px;
	height: auto;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
	background-color:#ffffff;
}

#bloc_index_2 p{
	color: #015374;
	margin: 0;
	padding: 5px 0;
	font-size: 0.7em;
}
#bloc_index_2 p a{
	color: #015374;
	text-decoration: none;
	border-bottom: #cfdfef dashed 1px;
}
#bloc_index_2 p a:hover{
	color: #F5A745;
	text-decoration: none;
}

#bloc_index_3{
	width: 394px;
	height: auto;
	float: right;
	margin: 0;
	padding: 0 20px 0 0;
	background-color:#ffffff;
}

/*----------------PAGE D'ACCUEIL------------------------------*/

#bloc_parapluies_1_1{
	width: 395px;
	height: auto;
	margin: 20px 0 0 0;
	padding: 0 0 0 90px;
	float: left;
	background-color:#ffffff;
}

#bloc_parapluies_1_1 img{
	border: 1px solid #2d8ab0;
	margin: 0 5px 5px 0;
	padding: 0;
}

#bloc_parapluies_1{
	width: 334px;
	height: auto;
	margin: 20px 0 0 0;
	padding: 0 0 0 120px;
	float: left;
	background-color:#ffffff;
}

#bloc_parapluies_1 img{
	border: 1px solid #2d8ab0;
	margin: 0 5px 5px 0;
	padding: 0;
}

#bloc_parapluies_2{
	width: 360px;
	height: auto;
	margin: 20px 0 0 0;
	padding: 0 0 8px 0;
	float: left;
	background-color:#ffffff;
}

#bloc_parapluies_3{
	width: 705px;
	height: 100px;
	overflow: auto;
	margin: 0 0 20px 120px;
	padding: 5px;
	clear: both;
	border: 1px solid #2d8ab0;
	font-size: 0.8em;
	background-color:#ffffff;
}

#bloc_parapluies_2 img{
	border: 1px solid #2d8ab0;
	margin: 0;
	padding: 0;
}

#bloc_parapluies_2 #texte{
	border: 1px solid #2d8ab0;
	width: 360px;
	height: 180px;
	margin: 5px 0 0 0;
	padding: 0 10px;
}

#bloc_parapluies_2 #texte p{
	font-size: 0.8em;
}

/*---------PAGE CONTACT------------------*/

#bloc_contact_1{
	width: 310px;
	height: 225px;
	float: left;
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
	background-color: #ffffff;
}

#bloc_contact_1 p{
	font-size: 0.8em;
}

#bloc_contact_2{
	width: 200px;
	height: 200px;
	float: left;
	margin: 25px 0 0 0;
	padding: 20px 0 0 0;
	text-align: center;
	background-image:url(images/bg_contact.jpg);
	background-repeat:repeat-x;
	background-color: #ffffff;
}


#conteneur_contact{
	width: 550px;
	background-color: #ffffff;
	float: left;
}

#conteneur_contact .p_contact{
font-size: 0.8em;
	margin: 5px 0;
	padding: 0 10px 0 40px;
}

#conteneur_contact ul{
	font-size: 0.8em;
	margin: 10px 0;
	padding: 0  0 0 70px;
	color: #015374;
}

#bloc_contact_2 h3{
	margin: 0;
	padding: 0;
	color: #2d8ab0;
	font-size: 1em;
}

#bloc_contact_2 p{
	font-size: 0.8em;
}

#bloc_contact_3{
	width: 300px;
	height: auto;
	float: right;
	margin: 15px 30px 0 0;
	padding: 0;
	background-color: #ffffff;
}

#form_contact{
	margin: 0;
	padding: 0;
}

#form_contact p{
	font-size: 0.8em;
}

#form_contact label{
	display: block;
	width: 65px;
	float: left;
}

#form_contact .input{
	width: 225px;
}

#form_contact textarea{
	width: 225px;
	height: 100px;
}

#form_contact #envoyer{
	background-image: url(images/envoyer.jpg);
	background-repeat:no-repeat;
	border: none;
	background-color:#ffffff;
	width: 65px;
	height: 18px;
	margin: 0 0 0 65px;
	padding: 0;
}

#plan{
	border: none;
}

/*-----DIVERS-------------*/

.texte{
	width: 360px;
	height: 160px;
	padding: 10px;
	margin: 5px 0 0 0;
	font-size: 0.8em;
	border: 1px solid #2d8ab0;
	overflow: auto;
}

.texte_2{
	width: 360px;
	height: 60px;
	padding: 10px;
	margin: 5px 0 0 0;
	font-size: 0.8em;
	border: 1px solid #2d8ab0;
	overflow: auto;
}

.texte ul{
	color: #2d8ab0;
}

.display{
	display: none;
}
/***STYLE DE LA NEWS *****/
a.newsLink:link    { text-decoration:none;  color: #199bd1; 	font-size:08pt; }
a.newsLink:visited { text-decoration:none; color: #199bd1; 		font-size:08pt;  }
a.newsLink:hover   { text-decoration:underline; color: #000000; font-size:08pt;  }

a.newsHomeLink:link    { text-decoration:none;  color: #000000; 	font-size:08pt; }
a.newsHomeLink:visited { text-decoration:none; color: #000000; 		font-size:08pt;  }
a.newsHomeLink:hover   { text-decoration:underline; color: #000000; font-size:08pt;  }


.dateHomeNews { font-family:Arial, Helvetica, sans-serif;
				font-weight:bold;
				font-size:08pt;
				color: #216a88;
				text-align:left; }

.titreHomeNews { font-family:Arial, Helvetica, sans-serif;
				font-weight:bold;
				font-size:08pt;
				color: #216a88;
				text-align:left; }
	
.textHomeNews { font-family:Arial, Helvetica, sans-serif;
				font-weight:normal;
				vertical-align:top;
				padding-right:20px;
				color: #216a88;
				text-align:justify;
				font-size:08pt;
				}
				
.dateNews { font-family:Arial, Helvetica, sans-serif;
			font-style:italic;
				font-weight:bold;
				font-size:09pt;
				color: #216a88;
				text-align:left; }

.titreNews { font-family:Arial, Helvetica, sans-serif;
				font-weight:bold;
				font-size:11pt;
				color: #199bd1;
				text-align:left; }
	
.textnews { font-family:Arial, Helvetica, sans-serif;
			font-weight:normal;
			vertical-align:top;
			color: #216a88;
				padding-right:20px;
				text-align:justify;
				font-size:08pt;
				}
/*** FIN STYLE DE LA NEWS *****/
#contenu .imgnews {

}
#contenu #titrenews {
	font-size:1.1em;
	color:
}
#contenu #listnews {
	margin-top:0px;
	margin-bottom:0px;
}


/*mentions légales*/

.mentions {
padding-top:0px;
	padding-left:%;
	margin-bottom:0px;
	color:#2d8ab0;
	font-size :11px;

	text-align:center;
}

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

.mentions a:hover {
		color: #ffffff;
	text-decoration:none;
}

.p_mentions {
	margin-top:5px;
	color:#000000;
	margin-left:10px;
	margin-right:10px;
	font-size:11px;

}