/*** GENERAL  ***/
body {
		background-color: #dddddd; /* Gris */
		background-image:url(http://www.portesouvertes.fr/images/accueil_new.jpg);
		background-repeat:no-repeat;
		background-position:center top;
		margin:0;
		text-align:center;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
}


/* Positionnement bloc pour la campagne CDL */
#conteneur {
position:relative;
display:block;
margin-left: auto;
margin-right: auto;
width:970px;
margin-top:30px;
padding-top:0px;
background: #900059;
text-align:left;
}


/*** Entete ***/
.entete {
margin-left: auto;
margin-right: auto;
text-align:center;
width:970px;
height:100px;
padding-top:0px;
display: block;
}
/*** Lien logo PO entete ***/
.link_portes{
float:left;
width:280px;
height:130px;
margin-bottom:0px;
padding-bottom:0px;
}
/*** Moteur de recherche ***/
.search {
overflow: hidden;
height: 30px;
margin-top:0px;
padding-top:90px;
padding-left:30px;
margin-left:0px;
}

/*** Bouton donner ***/
.home_don {
float: right;
width:250px;
height:110px;
margin-top:10px;
padding-top:0px;
margin-right:0px;
padding-right:40px;
}
/*** Menu en haut ***/
#menu {
margin-top:0;
padding-top:0;
position: absolute; /* placement du menu, à modifier selon vos besoins */
font-size: 13px;
width: 100%; /* correction pour Opera */
text-align:center;
width:970px;
}

#menu dl,#menu dt,#menu dd,#menu ul,#menu li {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 11px;
height: 100%; /* ou valeur en px pour taille bloc menu */
}

#menu dl {
float:left;
width: 12.3em;
}

#menu dt {
/* cursor: pointer; */
text-align: center;
font-weight: bold;
background: #900059;
margin-top:0px ; /* marge pour le bloc */
margin-left:0px ;
font-size:12px;
line-height:25px;
width:150px;

}

/* Definition du cadre du sous menu*/
#menu dd {
	display: none;
	border: 0;
	margin: 0px; /* 2px */
}

/* fond du sous-menu */
#menu li { 
text-align: left;
font-weight: bold;
padding-bottom: 0px;/*avant 5*/
padding:3px;
FILTER: Alpha(Opacity=90); /*ie*/
	-khtml-opacity:0.8; /*safari and konquerer*/
	-moz-opactiy:0.8;  /*mozilla/firefox/netscape? */
	opacity:0.8; /*css3 compliant browsers */
	background-color:#f3e4bc; /* change to whatever*/
	border:0px;
}

#menu dt a {
color: #FFFFFF;
text-decoration: none;
}

#menu li a {
color: #47154d;
text-decoration: none;
}

#menu li a:hover, #menu li a:focus {
color: #CC6600;
}

.menu_haut {
padding-top:0;
}

#contenu_cdl {
float:left;
height:100%;
width : 970px; 
font : 12px Arial, Helvetica, sans-serif;  
color : #393939; 
background-image:url("http://www.portesouvertes.fr/fr/CDL/images/fondblock.jpg");
}

.banniere{
margin:0px;
padding:0px;
}

.banniere_milieu {
float:left;
background-image:url("http://www.portesouvertes.fr/fr/CDL/images/fond_milieu.jpg");
height:218px;
width:970px;
padding:0px;
margin:0px;
margin-top:-3px;
padding-top:0px;
}

.img_video {
padding-top:0px;
margin-top:20px;
padding-left:0px;
margin-left:30px;
}

.img_what {
padding-left:0;
margin-left:30px;
}

.img_hist {
padding-left:0;
margin-left:30px;
border:0;
}

.banniere_agir {
padding-top:0px;
margin-top:20px;
padding-left:0px;
margin-left:10px;
}

.banniere_agir_left {
padding-left:0;
margin-left:10px;
}

.banniere_interieure {
padding-top:0px;
margin-top:20px;
padding-left:0px;
margin-left:10px;
}

.banniere_interieure_left {
padding-left:0;
margin-left:10px;
}

.bloc {
text-align:left;
margin-top:0;
padding-top:10px;
clear:both;
margin-left:0;
padding-left:0;
margin-bottom:10px;
padding-bottom:0px;
}
.bloc1 {
float:left;
display:inline;
width:310px;
height:265px;
background-color: #FFFFFF;
margin-right:10px;
padding-right:0;
margin-left:0;
padding-left:0;
margin-bottom:10px;
padding-bottom:0px;

}
.bloc2 {
float:left;
display:inline;
width:310px;
height:265px;
background-color: #FFFFFF;
margin-right:10px;
padding-right:0;
margin-left:0;
padding-left:0;
}
.bloc3 {
float:left;
display:inline;
width:310px;
height:265px;
background-color: #FFFFFF;
margin-right:10px;
padding-right:0;
margin-left:0;
padding-left:0;
}
.text {
padding-left:10px;
margin-left:0;
padding-right:10px;
margin-right:0;
}

.sous_menu {
float:left;
width:235px;
background-image:url("http://www.portesouvertes.fr/fr/CDL/images/autres_articles_fond.jpg");
margin-top:20px;
padding-top:0;
margin-bottom:0px;
padding-bottom:0px;
margin-left:0;
padding-left:0;
}

.menu_art {
text-align:left;
margin-right:0;
padding-right:0;
margin-left:0;
padding-left:20px;
width:235px;
}

.article {
float:right;
display: block;
clear:right;
background-image:url("http://www.portesouvertes.fr/fr/CDL/images/titre_article.jpg");
margin-top:20px;
padding-top:0;
margin-right:0;
padding-right:0;
width:723px;
height:37px;
vertical-align:middle;
margin-bottom:0;
padding-bottom:0;
}

.article_titre {
display:block;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin-top:0;
padding-top:5px;
padding-left:15px;
margin-left:0px;
margin-bottom:0;
padding-bottom:0;
}
.article_text {
background-image:url("http://www.portesouvertes.fr/fr/CDL/images/titre_article_fond.jpg");
padding-left:15px;
margin-left:0px;
margin-right:0;
padding-right:15px;
margin-top:-3px;
padding-top:-0px;
margin-bottom:0;
padding-bottom:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:normal;
}
.pied{
float:left;
height:150px;
clear:both;
background-color:#FF0000;
color: #000000;
width:300px;
height:200px;
}

.img_newsletter
{
float:right;
margin-left:10px;
}

.input {
background-color: #993300;

}

.priere_newsletter {
background-color:#f3d7b6;  font-weight: bold; font-size: 12px;padding: 7px;
}

.priere_newsletter_titre {
font-size : 16px;  font-weight : bold; font-style: italic; margin-top:8px; line-height:30px;
}
.date_newsletter {
font-family:"Myriad Pro", "Trebuchet MS", arial, sans-serif;font-size:14px; color: #8f584f; font-style: italic;
}
.cadre_droite {
float:right; width:200px;
}

/** Définitions du texte **/
h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color: #330066;
font-weight : bold;
}


/** Définitions des liens **/
.sous_menu a { font-weight: bold;}
.sous_menu a:link { text-decoration : none; color : #866E32; }
.sous_menu a:visited { text-decoration : none; color : #CEAA4D;} 
.sous_menu a:hover { text-decoration : underline; color : GRAY; }

.article a { font-weight: bold;}
.article a:link { text-decoration : none; color : #863C17; }
.article a:visited { text-decoration : none; color : #A1471C;} 
.article a:hover { text-decoration : underline; color : GRAY; }