.right{float: right;}
UL.right{width: 120px;}
UL.right li{width: 30px;float: left;}
UL.right li.envoiAmi div#conteneur_formAmi{display:none; border: 2px solid #E9E9E9; margin-top:5px;}
UL.right li.envoiAmi div#conteneur_formAmi span.envoi{display:block;margin-top:-15px; text-align:center;}
UL.right li.envoiAmi div#conteneur_formAmi #ltf_titre IMG{position:relative; left: 335px; top: -30px; display: inline;}
UL.right li.envoiAmi div#conteneur_formAmi #ltf_titre p{width:90%; float:left;}

.col_droite H3.titre{
	font-size: 19px;
	text-transform: uppercase;
	color: #807267;
	margin: 0 0 14px 0;
}
.sommaire .col_droite H3.titre{ margin: 0 0 10px; }
.col_droite #evenement li{float: left;}
.col_droite H3.diff{
    display: block;
    float: left;
    position: relative;
    top: 10px;
    z-index: 1;
    width: 100%;
}
.col_droite H3.titre img.tittre{}
.col_droite  #evenement  LI > a{
    float: left;
    display: block;
    width: 100%;
}

#section_1 .col_droite  #evenement  LI, #agenda {
	width : 314px; height: auto;
	float: left;
	margin:  auto 0 4px auto;
	padding: 2px 0;
	border: 1px solid #E7E7E7;
	text-align: center;
}
#section_1 .col_droite  #evenement ul.innerFade{
    border: 1px solid #E7E7E7;
    padding-bottom: 25px;    
}
#section_1 .col_droite  #evenement  LI{	
        border-width: 1px;
        border-color: #E7E7E7; 
        border-style: none; 
        height: 270px;
}
.sommaire #section_1 .col_droite  #evenement  LI { /*height: 240px;*/ }
#section_1 .col_droite  #evenement  LI:first-child{/*border: none;*/}

#section_1 .col_droite #evenement li.niveau_1{border: 1px solid #E7E7E7;}

#evenement{
    clear: both;
    float: left;
    height: auto;
    margin-bottom: 13px;
    position: relative; 
    left: 0; 
    top: 0;
}
.sommaire #evenement{ margin-bottom: 0; /*height: 294px;*/ }
#evenement ul
{   float: left; width: 316px;
    margin-bottom: 15px;
}
.col_droite #evenement .innerFade li img.spip_logos{
    display: block;
    margin: auto;
    float: none;
    max-width: 70%;
    height: auto;
}

#evenement-nav{   
    float: left;
    position: relative;
    right: 7px;
    top: -41px;
    width: 316px;
    z-index: 5;
}

.prix{
	text-align: center;
	color: #384C01;
	font-size: 15px;
	text-transform: uppercase;
}

#section_1 .prix{
	margin-bottom: 28px;
	width: 316px;
	text-align: center;
	float: left;
}

#section_1 #event.prix {
    bottom: -10px;
    float: left;
    margin-bottom: 0;
    position: relative;
    width: 270px;
    z-index: 5;
}

#section_1 .prix A{text-decoration: underline; color: #807267;}
#section_1 .prix img{max-width: 100%;}

#section_1 .prix A.all img{ 
	border-bottom: 1px solid #807267;
    left: 28px;
    position: relative;
}

/*#section_1 .prix A IMG{border-bottom:#807267 solid 1px;}*/

#agenda {
	padding: 17px 0 0 0; 
	text-align: left; 
	margin:  auto 0 40px auto;
	min-height: 326px;
        height: auto;
}
.sommaire #agenda{ padding: 10px 0 0; }
#page div.col_droite #agenda{margin-bottom: 60px;}
 
#agenda H3.titre{text-align: center; color: #8CBB0E;}
 
#agenda UL {padding: 0 17px;}
 
#agenda .liste LI{
	background : url(../img/trait_agenda.gif) center top no-repeat ;
	padding: 7px 0 8px 0;
	margin: 0;
	text-align: center;
}


#agenda .liste LI  DIV.date{
    float: left;
    width: 88px;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 9px 0 5px;
    margin: 0 10px 0 0;
    color: #384C01;
    text-align: center;
    background: #7BC141;
}
#agenda ul.liste li div.date em{
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
}

#agenda .liste LI div.couleurAgenda{
    background : none repeat scroll 0 0 #B0E324;
}

 #agenda .liste LI.pair  DIV.date{background: #B0E324;}

.liste LI  DIV.date SPAN{
    display: inline-block;
    float: none;
    font-size: 14px;
    margin-top: 3px;
}
.col_droite li span.date{
    color: #474546;
    font-size: 11px;
    font-weight: bold;
}

#agenda .liste LI  H2{
	width: 170px;
	float: left;
	font-size: 12px;
	text-transform: none;
	font-weight: normal;
	/*margin: 4px 0 0;*/
}

#agenda .liste LI  H2 A{color: #000; }

#agenda .liste LI  H2 IMG{border: 0; margin: 0 0 6px 0;}

#agenda  A.plus{
	text-align: center;
	width: 314px;
	padding: 0;
	margin: 0;
	float: right;
	background : #F3F8E5;
	padding: 8px 0;

}

#agenda  A.plus IMG{border-bottom: 1px solid #8EBC11;}


.col_droite .nivo1 .nivo1 li{
    border-top: 1px solid #D6E1E6;
    border-bottom: none;
    margin-top: 9px;
    padding-top: 8px;
}
.col_droite .nivo1 .nivo1 li:first-child{
    border-top: medium none;
    margin-top: 0;
    padding-top: 0;
}

.prix UL{
	width: 100%;
	float: left;
	border-bottom: #E5DB58 solid 5px;
	margin-bottom: 15px;
}
.prix LI{
	
	height: 38px;
	line-height: 38px;
	text-align: center;
	padding: 0 12px 0  42px;
	font-weight: bold;
	color: #5A400D;
	float: left;
	background : url(../img/fond_prix.jpg) 10px center no-repeat ;
}

#section_1 .prix LI A{color: #5A400D; text-decoration: none;}


.prix LI.der{
	background : url(../img/fond_appel.jpg) 8px center no-repeat ;
	float: right;
	padding: 0 12px 0  46px;
}
.prix LI.marc{
	background : url(../img/marche-public.png) 8px center no-repeat ;
	float: left;
	padding: 0 0 0  46px;
}
.prix LI.recr{
	background : url(../img/recrutement.png) 8px center no-repeat ;
	float: right;
	padding: 0 12px 0  46px;
}

/* SECTION  */
#section_2 .col_droite{
	width: 322px;
	height: 276px;
	text-align: center;
	background : url(../img/fond_220.png) top center no-repeat ;
	position: relative;
	padding: 32px 0 0 0;
	top: -32px;
	left: 2px;

}

#section_2 .col_droite H3.titre{
	font-size: 14px;
	width: 160px;
	margin: 0 auto 30px auto;
	color: #0D3C54;
}
#section_2 .col_droite A.plus{
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid #FFFFFF;
    float: none;
    padding: 0;
    position: relative;
    text-align: center;
    z-index: 1001;
}
#section_2 .col_droite A.plus IMG{
	margin-top:15px;
	position:relative;
	top:3px;
}
/* SECTION 3*/
#section_3 H3.titre{color: #E31D2B;}
#section_3 #programmation H3.titre { margin-bottom: 0; }
#section_3 .col_droite H3.titre{color: #009EE0;}
#bloc_programmation{
border: 1px solid #D2D2D2 ;
	border-top:#D2D2D2 solid 0px;
float: right;
position: relative;
width: 191px;
height: 253px;
}/*
#section_3 #partenariat, #section_3 #programmation{
	text-align: center;
	background: #fff;
	margin: 0 auto 0 auto;
	position: relative;
	position: relative;
	top: -35px;
	padding: 35px 0 25px 0;
	border:#D2D2D2 solid 1px;
	border-top:#D2D2D2 solid 0px;
	border-radius: 2px;
	height: 495px;
}*/
#section_3 #partenariat, #section_3 #programmation{
    background: none repeat scroll 0 0 transparent;
    border-radius: 2px;
    height: 198px;
    margin: 0 auto;
    padding: 0 0 25px;
    position: relative;
    text-align: center;
}
/*#programmation > img { max-height: 300px; }*/
#programmation > img {
    height: auto;
    max-height: 180px;
    max-width: 100%;
    width: auto;
}
#section_3 .col_droite  SPAN IMG{
	padding: 6px; 
	border: 1px solid #E7E7E7;
	margin: 0 0 26px 0;
}

#section_3 .col_droite P{
    font-size: 13px;
    font-weight: bold;
    line-height: 180%;
    margin: 0 auto 20px;
    text-align: justify;
    width: 246px;
}

#section_3 .col_droite A.plus{
	background : #E3F4FC;
	float: left;
	padding: 8px 0 8px 0;
	text-align: center;
	text-decoration: underline;
	position: absolute;
	bottom: 0;
	left:0;
	width: 100%;
	border-bottom: 0px solid #D4D4D4;
}

#section_3 .col_droite A.plus IMG{border-bottom: 1px solid #009EE0;}

/* SECTION 4 */


#section_4 .col_droite  #dossier{
	z-index: 11;
	position: relative;
	background: #fff;
	border:#D2D2D2 solid 1px;
	border-top:#D2D2D2 solid 0px;
	border-radius: 2px;
	float: left;
	width: 316px;
	padding: 64px 0 0px 0px;
	margin-top: -35px;
}

#section_4 .col_droite  #dossier .liste, #section_4 .col_droite H3.titre{padding: 0 30px 0 30px;}


#section_4 .col_droite H3.titre{margin-bottom: 35px;}


#section_4 .col_droite .liste LI{
    background: url("../img/trait_agenda.gif") no-repeat scroll center bottom transparent;
    margin: 0 0 12px;
    padding: 0 0 14px;
}

#section_4 .col_droite .liste LI.der{
	  background : none;
}

#section_4 .col_droite .liste IMG{
	 padding:4px;
	 border:#D2D2D2 solid 1px;
	 margin: 0 9px 0 0;
}

#section_4 .col_droite .liste DIV{
    margin: 8px 0 0;
    padding: 0; /*width: 160px;*/ /* ajouté par couly */
    width: 100%;
}

#section_4 .col_droite H2{
	 font-size: 12px;
	 margin-bottom: 4px;
}

#section_4 .col_droite A, #section_4 .col_droite H3.titre, #section_4 .col_gauche H3.titre{color: #6D1F80;}

#suivez{
	position: absolute;
	bottom:0;
	right:0;
	width: 315px;
	height: 145px;
}



#section_4 #suivez IMG{
	position: relative;
	float: left;
	top: 12px;
	left: 25px;
	margin: 0 11px 0 0;
}

#section_4 .col_droite .prix{
	width: 100%;
	border-left: 0;
	float: left;
	background: #EBE3ED;
	padding: 8px 0;
	position: absolute;
	border:#D2D2D2 solid 1px;
	border-top:#D2D2D2 solid 0px;
	border-radius: 2px;
	bottom: -35px;
	left:-1px;
}

#section_4 .col_droite .prix A{text-decoration: underline;}

#section_4 .col_droite .prix A IMG{border-bottom:#6D1F80 solid 1px;}




#section_4 .col_droite #suivez DIV{
	float: left;
	margin-top: 46px;
	width: 145px;
}

#section_4 .col_droite #suivez H2{
	font-size: 19px;
	text-transform: uppercase;
}

/* SECTION 5 */

#section_5  H3.titre {
	position: relative;
	top: -68px;
	color: #000;
        margin: 0 0 -30px;
}


/* ARTICLE   */
.article .col_droite UL.nivo1,
.events .col_droite UL.nivo1{
	background: url("../img/skyblue_bg.gif") repeat-y scroll 0 0 transparent;
	float: left;
	width: 277px;
	background: #F7FCFF;
	border-bottom: #E9F8FD solid 1px;
	border-left: #E9F8FD solid 1px;
	border-right: #E9F8FD solid 1px;
	
	
}

.events .col_droite LI.nivo1,
.article .col_droite LI.nivo1{
    /*border-top: 3px solid #4F4E4E;*/
    border-top: 3px solid #00A1E2;
    float: left;
    margin: 0;
    padding: 25px 14px 20px;
    width: 249px;
}
.events .col_droite LI.nivo1 UL LI:last-child,
.article .col_droite LI.nivo1 UL LI:last-child{
	background: none repeat scroll 0 0 transparent;
    border-bottom: medium none;
}

.events .col_droite LI.nivo1 p.cntr,
.article .col_droite LI.nivo1 p.cntr{
	text-align: center;
}
.events .col_droite LI.nivo1 p.cntr a#pdf,
.article .col_droite LI.nivo1 p.cntr a#pdf{
	 background: url("../img/picto_document_pdf.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 55px;
    padding-left: 70px;
    padding-top: 13px;
}

.events .col_droite LI.nivo1 a#imgp,
.article .col_droite LI.nivo1 a#imgp{
	background: url("../img/pictoimages.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 25px;
    padding-left: 50px;
    padding-top: 15px;
}
.events .col_droite LI.nivo1 p.cntr a.prss,
.article .col_droite LI.nivo1 p.cntr a.prss{
	font: 13px/18px Arial,sans-serif;
}
.events .col_droite LI.nivo1 p.cntr span,
.article .col_droite LI.nivo1 p.cntr span{
	font-size: 30px;
	font-weight: bold;
}
.events .col_droite LI.nivo1 p.img,
.article .col_droite LI.nivo1 p.img{
	text-align: left;
}
.events .col_droite LI.nivo1 p.img img,
.article .col_droite LI.nivo1 p.img img{
	width: 120px;
}
.events .col_droite LI.nivo1 p.img img#face,
.article .col_droite LI.nivo1 p.img img#face{
	margin-right: 5px;
}

.article .col_droite LI LI{
	border-bottom: #D6E1E6 solid 1px;
	padding: 0 0 8px 0; 
	margin: 0 0 8px 0;
	font-size: 12px;
}
.article .col_droite LI  LI , .article .col_droite LI A {color: #444444;}

.article .col_droite LI LI SPAN{
	color: #474546;
    font-size: 10px;
    font-weight: bolder;
    text-transform: uppercase;
}

.article .col_droite LI A.plus{
	background: none repeat scroll 0 0 transparent;
    margin: 0;
    padding: 0;
}

#section_1.article .col_droite LI A.plus IMG{border-bottom: #484647 solid 1px;}

#utils{ 
	color: #535353;
    height: 29px;
    left: -6px;
    position: relative;
    width: 283px;
}

#utils A{ 
    /*background: url("../img/trait.jpg") no-repeat scroll right 3px transparent;*/
    color: #535353;
    padding: 0 7px;
    position: relative;
    top: 6px;
}

#utils A.last{padding: 0 0 0 5px;}

#utils A IMG{position: relative; top: 2px;}

#utils A.close IMG{position: relative; top:7px;}

#subMenu{
	position : absolute;
	z-index:1000;
	padding: 8px;
	padding-top: 0;
	display: none; 
	top : 15px;
	left : 155px;
	width : 260px;
	background : #F4F4F4;
	border: 3px solid #c1c1c1;
	padding-top: 40px;
}
#subMenu fieldset{
border:none;
}

.toggleSubMenu:hover  #subMenu{display: block;color:#FFFFFF;}

#subMenu  p {
	font-size:13px;
	padding: 7px;
	color:#FFFFFF
}

#subMenu form input{
	width: 257px;
	margin: 0 0 3px 0;
	float: left;
}

#subMenu form LABEL{
	display: block;
	width: 230px;
	font: 12px Arial;
	float: left;
	text-align: left;
}
#subMenu form input.ValiderCommentaire{
	background: #009EE0;
	width: 100px;
	cursor: pointer;
	border:0;
	color:#FFF;
	margin-top: 10px 0 0 0;
	padding: 5px;
}

#subMenu form textarea {
	border:1px solid #B4B4B4;
	clear: both;
	float: left;
	width:257px;

}
#subMenu TEXTAREA{
    float: left;
    width: 210px;
    margin-bottom: 10px;
}

#col_gauche span#envoyer_ami_titre P{*margin-top: 10px; padding:0 0 0 4px;margin-top:8px; width: 170px; color:#ffffff;}

.inner{
	color: #D43037;
	font-size: 11px;
	font-weight: bold;
}

div.goog-te-gadget div, div.goog-te-gadget span{display:block;}

iframe.goog-te-banner-frame{	
    /*position: absolute;
    top: 144px;*/
}

.article .col_droite LI UL.text_ref  LI {
    border-bottom: 0px solid #ccc;
    margin: 0 0 10px 0;
    width: 238px;
}

.text_ref LI IMG {
    border: 0;
    margin : 0 10px 0 0;
    float: left;
    padding: 0;
}

.article .col_droite LI UL.text_ref  LI SPAN {
    position:relative; top:-8px;
    color: #444444;
    font-weight: normal;
    text-transform: none;
}


.article .col_droite LI UL.text_ref  LI H2{
    color: #000;
    margin: 0 0 4px  0;
    font-weight: bold;
}

.article .col_droite LI UL.text_ref  LI A{color: #444444;}

#up, #down{
    position: absolute;
    cursor: pointer;
    top: 2px;
}

#up{
	right: 23px;
}

#down{
	right: 0;
}

/* envoyer mail */
.col_droite #utils a.envoi{margin-left: 28px;}

.col_droite #conteneur_evenements{
    border: 1px solid #E7E7E7;
    float: left;
    height: auto;
    margin: auto 0 30px auto;
    padding: 18px 0 13px;
    width: 314px;
}
.col_droite #conteneur_evenements ul{
    margin: auto;
    width: 228px;
}
.col_droite #conteneur_evenements li{width: 100%;}
.col_droite #conteneur_evenements li img{
    background: url("../img/ombre_evenement.gif") no-repeat scroll center bottom transparent;
    display: block;
    float: none;
    margin: auto auto -16px;
    padding-bottom: 22px;
}
.col_droite #conteneur_evenements li .legende{
    color: #474747;
    display: block;
    font-weight: bold;
    text-align: center;
}
.col_droite #evenements-nav {
    float: left;
    position: relative;
    right: 0;
    top: -89px;
    width: 100%;
}
.col_droite #evenements-nav #right,
.col_droite #evenements-nav #left{
    cursor: pointer;
    width: 10px; height: 22px;
    position: absolute;
}
.col_droite #evenements-nav #right{
    right: 5px;
}
.col_droite #evenements-nav #left{
    left: 5px;
}

.col_droite span.notification{
    background: url("../img/infobulle.png") no-repeat scroll 0 0 transparent;
    color: #F4F4F4;
    display: block;
    font-size: 9px;
    height: 14px;
    line-height: 11px;
    position: relative;
    right: -125px;
    text-align: center;
    top: -45px;
    width: 14px;
}
.col_droite li.recr span.notification{
	right: -89px;
	top:-42px;
}
.col_droite li.marc span.notification{
	right: -112px;
	top:-42px;
}

#chiffres-oif iframe{
    border: 0 none;
    width: 252px;
    margin: 0 auto;
}