body {
	color:black;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
	letter-spacing:normal;
	margin:0;
	padding:0;
}
/*--------------- titres */
h1{
	font:24px;
	font-weight:100;
	margin: 20px 0 20px 20px;
	padding:0;
    border:none;
}
h2{
	font-size:22px;
	line-height:22px;
    color:black;
    border-bottom:1px dotted black;
    margin-top:28px;
    padding-bottom:15px;
}
h2 a{
    text-decoration:none;
    border:none;
}
h2 a:hover{
    color:#036886;
    text-decoration:none;
    border:none;
}
h2 a:visited {
	color:#384b51;
    text-decoration:none;
    border:none;
}
h3{
    padding-top:10px;
    padding-bottom:10px;
    font-size:20px;
	line-height:22px;
    /*border-bottom:1px dotted black;*/
    color:#899497;
}
h4{
    font-size:16px;
    line-height:18px;
	margin:0;
	padding:16px 0 12px 0;
	color:#134c69;
}
h4 a{
    color:#134c69;
	border:none;
	text-decoration:none;
}
h4 a:hover{
    border-bottom:1px dotted #000!important;
}
h4 a:visited{
    text-decoration:none;
	border:none!important;
	color:#a5b1b5!important;
}
.titre_billet{
	text-decoration:none;
}
/*--------------- paragraphe */
p{
    margin:0;
	padding:0;
	margin-bottom:22px;
}
/*--------------- liens */
a{
    color:#134c69;
    text-decoration:none;
}
a:hover{
    color:black;
	background:none;
	border-bottom:1px dotted #000; 
    text-decoration:none;
}
a:visited{
    color:grey;
    text-decoration:none;
}
a.lire_suite{
    margin-left:150px;
}
a .no_border{
	border-bottom:none; 
    text-decoration:none;
}
#menu a{
    font-weight:normal;
	background:none;
}
#footer a{
    font-weight:normal;
	background:none;
}
.white{
	color:white!important;
}
/*ul, li a{
	font-weight:normal;
}*/
/*--------------- liste et puces */
ul, li{
	list-style-type:none;
	margin:0;
	padding:0;
}
.puce li{
    background: url(../img/puce.gif) no-repeat left 7px;
	list-style: none;
	margin-left:10px;
    padding-left:20px;
}
.point li{
    background:none;
    list-style:disc;
    margin-left:30px;
    padding:0;
}
.separateur{
    margin:10px 200px 30px 200px;
    width:150px;
    border-bottom:1px dotted black;
}
/*--------------- citations et acronymes */
acronym, abbr {
	border-bottom: 1px dashed #333;
}
acronym, abbr, span.caps {
	font-size: 90%;
}
acronym, abbr {
	cursor: help;
}
blockquote {
	border-left: 4px solid #a5b1b5;
	margin:0;
	padding-left: 10px;
    color:#black;
}
cite {
	font-weight:bold;
        padding-bottom:10px;
}
/*--------------- image*/
img{
	margin:0 0 20px 0;
    padding:0;
	border:#999999 1px solid;
}  
/*--------------- autre */
.invisible{
	display:none;
}
.clear{
	clear:both;
}

/* --------------------------------------------------------------------------------- conteneur */
#conteneur{
	background:white;
	width:954px;
	margin:0 auto;
    padding:0px 50px 0 50px;
}
/* --------------------------------------------------------------------------------- ligne */
#ligne{
    background:#151515;
    height:10px;
    padding:0;
    margin:0;
    margin-bottom:20px;
}
/* --------------------------------------------------------------------------------- header*/
h1#header {
	background: url(../img/header.jpg) top left no-repeat;
	width:291px;
	height:45px;
	margin:0;
	padding:0;
    border:none;
}
#header_image{
    margin:0!important;
	padding:0;
	border:none!important;
	background:none!important;
}
.no_border{
    border:none!important;
}
a.no_border{
    border:none!important;
}
/* --------------------------------------------------------------------------------- baseline*/
#baseline{
    float:right;
    background:url(../img/baseline.png) top left no-repeat;
    width:694px;
    height:69px;
	margin-right:30px;
	margin-top:-140px;
    border:none!important;
}
.trait{
    border-bottom:1px solid black;
	margin-top:-35px; /* faire remonter le trait sous le texte*/
	margin-bottom:5px;
}
.sous-section{
	font-weight:bold;
}
/* ---------------------------------------------------------------------- menu david bloc gris -------------------------------------- */
.ligne{
	display:block;
	border-bottom:4px solid black;
    color:black;
    padding-bottom:5px; /* espace entre titre et ligne*/
    margin-bottom:20px; /* espace sous la ligne*/
}
#menu{
    background:#151515;
	margin:0;
    padding:0;
    margin-top:20px; /* espace sous le logo*/
	clear:right;
    width:945px;
	padding:11px 0 0 10px;
}
#menu li{
	width:250px;
    font:Arial, Helvetica, sans-serif;
    margin-top:5px;
    color:white;
	font-size:90%;
	padding:0;
}
#menu a{	
	color:white;
    border-bottom:none;
}
#menu a:hover{
	color:white;
	text-decoration:none;
    border-bottom:1px dotted #fff;
}
a#active{
    border-bottom:1px dotted white;
}
/* ---------------------------------------------------------------------------------content */
#content {
    background:white;
	clear:left;
    margin:0;
    padding:0;
}
.content_texte{
    background:green;
    float:left;
	background:white;
	margin-bottom:40px;
	padding:0px 50px;
	font-size:13px;
	line-height:18px;
	border-top:30px solid #e5f0f4;
	border-bottom:30px solid #e5f0f4;
	border-right:60px solid #e5f0f4;
	border-left:60px solid #e5f0f4;
}
.section_texte p{
    font-size:14px;
	line-height:17px;
}
/* ---------------------------------------------------------------------------------titre section */
#titre_section1{
	background:url(../img/titre_section.jpg) top left no-repeat;
	width:291px;
	height:37px;
	margin-top:0;
	margin-bottom:0;
	border:none;
	margin-left:-20px;
}
#titre_section2{
	background:url(../img/titre_section2.jpg) top left no-repeat;
	width:291px;
	height:37px;
	margin-top:0;
	border:none;
	margin-left:-20px;
	margin-bottom:0;
}
#titre_section3{
	background:url(../img/titre_section3.jpg) top left no-repeat;
	width:291px;
	height:37px;
	margin-top:0;
	border:none;
	margin-left:-20px;
	margin-bottom:0;
}
.inter_section{
    float:left;
    display:block;
    width:40px;
}
#titre_section_realisation{
	background:url(../img/titre_section_realisation.jpg) top left no-repeat;
	width:955px;
	height:37px;
	margin:0;
	padding:0;
	border:none;
	margin-bottom:0;
}
#titre_section_referencement{
	background:url(../img/titre_section_referencement.jpg) top left no-repeat;
	width:955px;
	height:37px;
	margin:0;
	padding:0;
	border:none;
}
#titre_section_parcours{
	background:url(../img/titre_section_parcours.jpg) top left no-repeat;
	width:955px;
	height:37px;
	margin:0;
	padding:0;
	border:none;
}
#titre_section_visuels{
	background:url(../img/titre_section_visuels.jpg) top left no-repeat;
	width:955px;
	height:37px;
	margin:0;
	padding:0;
	border:none;
}
#titre_section_musique{
	background:url(../img/titre_section_musique.jpg) top left no-repeat;
	width:955px;
	height:37px;
	margin:0;
	padding:0;
	border:none;
}
#titre_section_contact{
	background:url(../img/titre_section_contact.jpg) top left no-repeat;
	width:955px;
	height:37px;
	margin:0;
	padding:0;
	border:none;
}
#titre_section_accessibilite{
	background:url(../img/titre_section_accessibilite.jpg) top left no-repeat;
	width:955px;
	height:37px;
	margin:0;
	padding:0;
	border:none;
}
#titre_section_lexique{
	background:url(../img/titre_section_lexique.jpg) top left no-repeat;
	width:955px;
	height:37px;
	margin:0;
	padding:0;
	border:none;
}
/* ---------------------------------------------------------------------- footer */
#footer{
    clear:both;
	background:#151515;
	height:50px;
	padding-left:20px;
	padding-bottom:10px;
}
#footer a{
    line-height:50px;
	color:white;
	border:none;
}
#footer a:hover{
	color:white;
	border-bottom:1px dotted white;
}
/*--------------------------------------------------------------------------- accueil */
.section_accueil{
    float:left;
    width:251px;
	height:460px;
	background:#e5f0f4;
	/*#ebf6fa + clair*/
	margin-bottom:20px;
	padding:0 20px; /*sinon élargit la taille des blocs*/
}
.section_accueil h4 a{
    color:black;
}
.section_contact{
    float:left;
    width:251px;
	height:460px;
	background:#e5f0f4;
	/*#ebf6fa + clair*/
	margin-bottom:20px;
	padding:0 20px; /*sinon élargit la taille des blocs*/
}
.section_contact a{
    background:none;
	color:#FFFFFF;
	font-weight:normal;
	border-bottom:none;
}
.section_contact a:hover{
    background:none;
	color:#FFFFFF;
	font-weight:normal;
	border-bottom:dotted white 1px;
}
#pdf{
    margin:0;
	padding:0;
	border:none;
	text-decoration:none;
}
#pdf img{
    float:left;
	margin-top:-50px;
	margin-left:100px;
}
.retour{
	font-size:10px;
}
.img_retour{
	display:block;
	float:left;
	background:url(../img/retour_haut.gif) top left no-repeat;
	height:14px;
	width:14px;
	margin-top:5px;
}
.anchor{
    display:none;
}
.texte_blog p{
	font-weight:normal!important;
	color:black;	
}
#texte_blog p{
	font-weight:normal!important;
	color:black;
}
.background-text{
	background:#151515;
	padding:10px 10px 1px 10px;
	border: 1px solid black;
}
p.texte-blanc{
	color:white;
}
/*--------------------------------------------------------------------------- réalisations*/
.vignettes{}
.vignettes img{
	margin-right:13px;
}
#flashcontent1{
	margin-bottom:25px;
}
#flashcontent2{
	margin-bottom:25px;
}
#flashcontent3{
	margin-bottom:25px;
}
.newsletters{
    background:red;}
.newsletters img{}
/*--------------------------------------------------------------------------- musique*/
.songs{
    position:relative;
	left:10px;
	top:-6px;
}
/*--------------------------------------------------------------------------- lexique*/
ul#alpha li{
    float:left;
	margin-right:12px;
}
/*--------------------------------------------------------------------------- tableau */
#espace_tableau{
	width:600px;
	height:250px;
	padding:30px;
	margin-left:20px;
}
.tableau{
	display:block; 
    width:450px;
	border-collapse:collapse;
	text-align: left;
	margin:30px 20px;
}
.tableau td{
    padding:7px;
	border: solid #000 1px;
	border-collapse:collapse;
}
.toprow {
	color:#000;
	background:#fff;
}
/*--------------------------------------------------------------------------- contact*/
#formulaire p{
	margin-bottom:10px;
}
#zone_formulaire{
    float:left;
	width:400px;
}
#zone_photo{
	float:right;
	width:200px;
}
#zone_photo img{
	float:right;
}
.imput{
	margin-top:-7px;
	width:300px;
}