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

*{
margin: 0;
padding: 0;
}

body, .actualites h6,  .actualites h5, .actualites h4{
font-family: Arial, Times, serif;
font-size: 13px;
color: #000;
}

p{
font-family: Arial, Helvetica, sans-serif; 
line-height:1.5;
}

a{ text-decoration: none;
color:#333;}

ul{ list-style-position: outside;}

.global{
width: 950px;
margin: 0 auto;
display: block;
height: auto;
background-color: #fff;
border: 1px solid #d6d4c7;
}

.header{
width: 950px;
height: auto;
overflow: hidden;
}

.menu{
background: #000000 url(../img/menu_top.jpg);
height: 28px;
width: 950px;
}

#menu{
display: inline;
width: 550px;
float: right;
list-style: none;
font-family:Arial,Helvetica,sans-serif;
}

#menu li{
float: left;
border-right: 1px solid #CCCCCC;
width: 150px;
}

#last_li{
border-right: none;
}

#menu a{
color: #FFFFFF;
text-align: center;
display: block;
height: 20px;
padding-top: 5px;
text-decoration: none;
font-size: 10px;
}

.photo{
height:432px;
width:400px;
background: transparent url(../img/photo1.jpg);
position: relative;
float: left;
}

.photo img{
	position: absolute;
	left: 7px;
	top: 4px;
}

.photo h4{
	position: absolute;
	color: #525252;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	left: 49px;
	top: 5px;
 }
 
 .photo h2{
	position: absolute;
	font-size: 24px !important;
	color:#000000;
	left: 49px;
	top: 19px;
 }

.competences{
float: left;
width: 275px;
background: transparent url('../img/competences.jpg') no-repeat;
padding-left: 27px;
padding-top: 15px;
}

.header h2{
font-size: 16px;
color:#000000;
margin-bottom: 20px;
}

.header ol{
list-style-image: url('../img/image_li.jpg');
margin-bottom: 20px;
margin-left: 13px;
}

.header ol li{
font-size: 12px;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
margin-top: 10px;
}

.header ol a{
color: #000;
}

#paragraphe:first-letter {
margin-left: 30px;
}

.contact{
background: transparent url('../img/contact.jpg') no-repeat;
width: 205px;
height: 422px;
float: left;
padding-left: 40px;
padding-top: 17px;
position: relative;
}

.contact span{
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color:#000000;
font-weight: bold;
}

.contact a{
color:#336666;
text-decoration: none;
}

#rubriques{
	position: absolute;
	width: 250px;
	left: 28px;
	top: 251px;
	
}

#rubriques ul{
	list-style-image: url('../img/cercle.jpg');
	margin-left:17px;
	line-height: 12px;
	list-style-position: outside;
}


#rubriques ul li{
margin-top: 1px;
padding: 0;
}

#rubriques li small a, .competences li small a, .actions span a{
color: #336666;
font-size:10px;
margin-left:5px;
}


#rubriques li a{
display: block;
color: #000; 
font-size:13px;
margin: 2px 0 0 0;
}


.header_bottom{
width: 950px;
height:25px;
background: #000000 url('../img/hr_bandeau.jpg');
 }

.footer{
width:920px;
height: 20px;
background-color: #000000;
text-align: right;
padding-right: 30px;
padding-top: 5px;
margin: 20px auto;
}

.footer a{
color:#FFFFFF;
outline: none;
}

.contenu{
position: relative;
width: 100%;
height: auto;
overflow: hidden;
}
.contenu .actualite ul li {list-style:disc}
.contenu .actualite ul {padding-left:20px; font-family:Arial, Helvetica, sans-serif;margin-left:20px;}

/* ACCUEIL  */
.accueil{
	width: 236px;
	border-right:1px solid #E1E1E1;
	float: left;
	height: auto;
}

.accueil p{
	text-align: left;
	width: 190px;
	margin-left: 20px;
}

.liste_articles{
	text-align: center;
	}
	
.accueil img{ width: 170px; height: 144px;
}

.titre{
font-size: 13px;
font-family:Arial, Helvetica, sans-serif;
}

.titre a{
	color:#333333;
}

.suite a{
	color: #336666;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	text-align: right;
	display: block;
	margin-bottom: 30px;
	}

.accueil ul{
	list-style: none;
	text-align: left;
	margin-left: 20px;
	margin-bottom: 20px;
}


.accueil ul li a{
	color: #000;
}


/* ACTUALITES  */

.actualite{
	width: 620px;
	float: left;
	}

 .actualite small a{
color: #336666;
}


.actualite p, .actualite h3{
margin:0 20px 5px;
	}
	
.actualite h1{
	color: #336666;
	font-size: 20px;
	font-weight: normal;
	margin-left: 25px;
	}


.actualite h2{
	color:#336666;
font-size:14px;
margin-bottom:10px;
padding-left:20px;
text-decoration:underline;
text-transform:uppercase;
	}

#actu_titre{
	color:#000000;
	margin-left: 25px;
	margin-bottom: 20px;
	padding: 0;
	}
	
#user{
	color: #336666;
	}
	
#actu_titre span{
	color:#336666;
	}

.actualite img{
	margin-left: 10px;
	border: 5px solid #FFF;
	
	}

.actualite h3{
	color: #336666;
	font-size: 13px;
	font-weight: normal;
	
	}
.actualite div {
	font-family: Arial, Helvetica, sans-serif;
}
.bandeau{
	color: #000000;
	font-size: 20px;
	background: transparent url(../img/bando.jpg) no-repeat;
	height: 20px;
	padding-left: 25px;
	text-transform: uppercase;
	margin-bottom: 10px;
	}

.actu_titre{
	color: #000000;
	font-size: 14px;
	}
.actu_titre span{
	color: #336666;
	font-size: 13px;
	}
	
.menu_actualite{
	float: left;
	border-left: 1px solid #CCCCCC;
	padding-left: 20px;
	}
	
.menu_actualite h2, .autre_categorie  h2{
	font-size: 16px;
	color:#000000;
	font-weight: normal;
	margin-bottom: 20px;
	}
.menu_actualite a, .menu_actualite .actif {text-transform:uppercase;}

.liste_actualites{
	width: 200px;
	margin-top:10px;
	}

.titre_theme{
	color: #000000;
	}

.date{
	color: #336666;
	display: block;
	margin-bottom: 1px;
	}
.titre_article{
	display: block;
	margin-bottom: 20px;
}

.titre_article a{
	color: #000;
	}

.autre_categorie{
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	float: right;
	padding-left: 20px;
	padding-top: 20px;
	margin-right: 19px;
	}
.autre_categorie ul{
	margin-left: 15px;
	}
	
.sous_ul{
	margin-left: 10px;}
	
/* PARTENAIRE */
.monpatenaire img{
	float: left;
	width: 130px;
	height: 150px;
	}

.nom{
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	}

.titre{
	color: #336666;
	font-size: 11px;
	}
	
.description{
	text-align: left;
	float: left;
	width:500px;
	}

#photo{
	display: block;
	height: 70px;
	width: 60px;
	float: left;
	margin-right: 5px;
	}

#photo{
	height: 70px;
	width: 60px;
	}

input, textarea {
	border: 1px solid #CCCCCC;}
	
#envoie_devis{
	width: 300px;
	}
#textarea{
	width: 298px;
	}
	
.actif{
	color: #336666;}
	
/***espace client ***/

.file{
	float: left;
	width: 250px;
	margin-top: 20px;
	margin-left: 15px;
	}
.upload_file{
	width: 370px;
	float: left;
	margin-left: 25px;
	}

.recieved_file{
	float: left;
	border-left: 1px solid #CCCCCC;
	width: 550px;
	}
	
.recieved_file h2{
	padding-left: 15px;
	}
	
.theme-list ul { display:none}
.theme-list-over ul { display:block; position:absolute; background:#000; z-index:9999; list-style:none;}
#menu .theme-list-over ul li{ float:none;}
#menu .theme-list-over ul li:hover { background:#575757}

#retour{
	color:#000000;
	margin-left:25px;
	text-decoration: underline;
	}
.accueil .liste_articles li a {text-transform:uppercase}
.accueil .liste_articles li a:hover{text-decoration:underline}