/* 
++++ MEDIA ANIMATION ++++
 styles par Média Animation asbl
 www.media-animation.be
*/
*{
	margin: 0;
	padding: 0;
}

body, 
html{
	background: url(assets/bg.jpg) repeat-x top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:auto;
	line-height: 17px;
	cursor:default;
	color:#000000;
}

H1{
	background: url("assets/puce4.gif") no-repeat;
	color:#FF6600;
	text-align:left;
	font-size:18px;
	font-weight:bold;
	height:26px;
	padding: 1px 0 0 27px;
	margin-bottom: 15px;
}

H2{
	background: url(assets/puce7.gif) no-repeat;
	color:#0067B2;
	text-align:left;
	text-indent:0px;
	font-size:14px;
	font-weight:bold;
	padding: 0 0 0 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}

H3{
	background: url(assets/puce7.gif) no-repeat;
	color:#0067B2;
	text-align:left;
	text-indent:0;
	font-size:14px;
	font-weight:bold;
	padding: 0 0 0 15px;
	margin-bottom: 15px;
}

H4{
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	line-height: 40px;
}

H4.news{
	font-size: 14px;
	color:#0167B2;
	text-align: center;
	line-height: 40px;
	margin-top: 15px;
	padding-bottom: 20px;
}

IMG{
	border: none;
}


LI{
	list-style:none;
}

a:link{
	color: #FF6600;
}

HR{
height: 1px;
color: #ccc;
background-color: #ccc;
border: 0;
margin-top: 15px;
}

SMALL{
font-size: 12px;
margin: 0 0 25px 0;
font-style:italic;
}
/* -----------------------------container---------------------------------- */

#principal{
	margin: auto;
	width: 994px;
	margin-top:10px;
}



#texte_banner{
	position: relative;
	top: 140px;
	float: right;
}

#logo{
	float: left;
}

#content{
	width: 994px;
	margin-top: 5px;
}

#footer{
	text-align:center;
	font-size:10px;
	color:#000000;
}
/* ----------------gauche------------------  */
#gauche{
	width: 210px;
	float:left;
}

#menu{
	width: 204px;
	background: url(assets/bg_menu.jpg) repeat-y ;
	margin-bottom: 10px;
}

#top_menu{
	background: url(assets/top_menu.jpg) no-repeat top;
	width: 204px;
	height: 10px;
}

#content_menu{
	width: 180px;
	padding: 0 20px 0 10px;
}
#bottom_menu{
	background: url(assets/bottom_menu.jpg) no-repeat top;
	width: 204px;
	height: 13px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 1px;
}
#newsletters{
	width: 197px;
	margin-left:2px;
	color: #FFFFFF;
	font-weight:bold;
	background: url('assets/fond_newsletter.gif') no-repeat;
	height:66px;
	padding-top:20px;
	padding-left:18px;
	padding-right:40px;
	
}

#newsletters P{
	width:165px;
}

#newsletters A{
	color:#FFFFFF;
	line-height:18px;
	font-weight:bold;
	font-size:13pt;
	text-decoration:none;
	font-family:Arial;

}

#top_newsletter{
	background: url(assets/top_newsletter.jpg) no-repeat bottom;
	width: 210px;
	height: 10px;
}

#content_newsletter{
	background: url(assets/bg_newsletter.jpg) repeat-y ;
	padding: 5px 15px 5px 15px;
	width:180px;
}
#bottom_newsletter{
	background: url(assets/bottom_newletter.jpg) no-repeat top;
	width: 210px;
	height: 10px;
	font-size:0px;

}
/* ----------------contenu------------------  */
#contenu{
	width: 552px;
	float:left;
	padding: 5px 15px 5px 15px;
}
/* ----------------droite------------------  */
#droite{
	width: 192px;
	float:right;
}

#search{
	text-align: center;
}

.box1{
	width: 192px;
}

.top_box1{
	background: url(assets/top_box1.jpg) no-repeat bottom;
	height: 10px;
	width: 192px;
	font-size:1px;
}

.content_box1{
	width: 192px;
	background: url(assets/bg_box1.jpg) repeat-y ;
}

.bottom_box1{
	width: 192px;
	background: url(assets/bottom_box1.jpg) no-repeat top;
	height: 41px;
	margin-bottom: 10px;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	line-height: 40px;
	font-weight:bold;
}
a div.bottom_box1{
text-decoration:none;
}

.box2{
	width: 192px;
}

.top_box2{
	background: url(assets/top_box2.jpg) no-repeat bottom;
	height: 10px;
	width: 192px;
	font-size:1px;
}

.content_box2{
	width: 192px;
	background: url(assets/bg_box2.jpg) repeat-y ;
}

.bottom_box2{
	width: 192px;
	background: url(assets/bottom_box2.jpg) no-repeat top;
	height: 41px;
	margin-bottom: 10px;
	font-size: 1px;
	line-height: 1px;
}

.box3{
	width: 192px;
}

.top_box3{
	background: url(assets/top_box3.jpg) no-repeat bottom;
	height: 10px;
	width: 192px;
	font-size:1px;
}

.content_box3{
	width: 192px;
	background: url(assets/bg_box3.jpg) repeat-y ;
}

.bottom_box3{
	width: 192px;
	background: url(assets/bottom_box3.jpg) no-repeat top;
	height: 25px;
	/*margin-bottom: 5px;*/
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	line-height: 20px;
	font-weight:bold;
}



/* -----------------------mise en page--------------------- */

#plus{
margin: 10px 0 5px 0;
text-align:right;
}

div.rss{
margin-top:5px;
}
div.rss a{
text-decoration:none;
}
div.rss img{
margin:0 2px -3px 0;
}


a.footer{
color: #0067b2; 
}
.news{
font-size: 0.8em;
}

.vignette{
	width:80px;
	border:1px solid #0067B2;
	float:left;
	margin: 0 5px 0 0;
	padding: 2px;
}

.lireplus{
	text-align:right;
}

.chemin{
	font-size:10px;
	padding-bottom:16px;
}

.date{
	float:left;
	color:#0067B2;
	font-size:10px;
	padding-top:5px;
	clear:both;
}

.puce_chemin{
	margin: 1px 3px 0 0;
	padding:0;
}

fieldset legend{
	color:#FFF;
	background:transparent url(assets/puce4.gif) no-repeat scroll 0 0;
	padding: 5px;
}
input{
/*letter-spacing: normal; 
text-align: justify;
word-spacing: normal;
text-indent: 3pt;	*/ 
background-color:#ffffff;
border: #0067B2 1px solid; 
font-size:12px;
height: 18px;
margin-bottom: 8px;
padding: 2px 0 0 4px;
}
input.mail_inscription_,
input.fondo{
border-color: #A8CBE5;
margin-top:3px;
}
input.fondl{
float:right;
}
input[type=submit]{
background-color:#D4E2EC;
border:1px solid #A8CBE5;
color:#0167B2;
cursor:pointer;
height:auto;
margin:0;
padding:8px;
padding-top:6px;

}
INPUT.search{
	border: none;
	margin:5px 0px 0 0;
}
input[type=radio]{
	letter-spacing: normal; 
	text-align: justify; 
	text-indent: 0;	
	word-spacing: normal;	 
	background-color:transparent;
	border: none; 
	cursor: pointer;
	font-size:1px;
	height: 14px;
	margin: 0 2px 2px 0; 
	padding: 0;
	vertical-align:middle;
}
INPUT.go{
	letter-spacing: normal; 
	text-align: center; 
	text-indent: 0;
	font-weight: bold;	
	word-spacing: normal;	
	background-color:#0067B2;
	border: #0067B2 1px solid; 
	cursor: pointer;
	font-size:10px;
	width: 36px;
	color: #ffffff;
	height: 22px;
	margin: 0 0 6px 0;
}
body#abonnement fieldset legend,
body#abonnement fieldset{
/*color:#fff;*/
color:#FF6600;
height:26px;
margin-bottom:15px;
/*padding:1px 0 0 27px;*/
text-align:left;
}

body#abonnement fieldset {
border:none;
padding:5px;
}
body#abonnement h4 {
font-size:12px;
text-align:left;
line-height: 1.5;
}
/*--------------------------- coins rondes css-play: http://www.cssplay.co.uk/boxes/curves.html*/
.zone_abo {
width:80%;
margin:10px auto;
color:#fff;
position:relative;
background:#0167b2;
padding:10px 20px;
}
.zone_abo2 {
width:95%;
margin:10px auto;
color:#000000;
position:relative;
background:#FFFFFF;
/*padding:10px 20px;*/
}
#ctl, #cbl, #ctr, #cbr {
position:absolute; 
width:20px; 
height:20px; 
color:#0167b2; 
background:#fff; 
overflow:hidden; 
font-style:normal; 
z-index:1;
}
#ctl {top:0; left:0;}
#cbl {bottom:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}

.zone_abo em b {
position:absolute; 
font-size:150px; 
color:#0167b2; 
line-height:40px; 
font-weight:normal;
}
#ctl b {left:-8px;}
#ctr b {left:-25px;}
#cbl b {left:-8px; top:-17px;}
#cbr b {left:-25px; top:-17px;}

#ctl2, #cbl2, #ctr2, #cbr2 {
position:absolute; 
width:20px; 
height:20px; 
color:#0167b2; 
background:#fff; 
overflow:hidden; 
font-style:normal; 
z-index:1;
}
#ctl2 {top:0; left:0;}
#cbl2 {bottom:0; left:0;}
#ctr2 {top:0; right:0;}
#cbr2 {bottom:0; right:0;}
.zone_abo2 em b {
position:absolute; 
font-size:150px; 
color:#0167b2; 
line-height:40px; 
font-weight:normal;
}
#ctl2 b {left:-8px;}
#ctr2 b {left:-25px;}
#cbl2 b {left:-8px; top:-17px;}
#cbr2 b {left:-25px; top:-17px;}

.zone_abo div {
position:relative; 
z-index:100; 
padding:5px 10px;
}
.zone_abo2 div {
position:relative; 
z-index:100; 
/*padding:5px 10px;*/
/*padding-left:5px;*/
color: black;
}

/*--------------------------------------------------------------------------*/

.language{
	font-size:10px;
	text-align:left;
	padding: 0 0 10px 15px;
}
.language A{
	color:#0067B2;
	text-decoration:underline;
}
.language A:hover{
	color:#0067B2;
	text-decoration:none;
}

#lang{
height: 20px;
border:  #000 1px solid;
float: right;

}

#home{
float: left
}
/*--------------------------------menu-------------------------------------*/

.nav_item1{
	background:#e5f0f7 url(assets/puce1.png) no-repeat left;
	text-indent: 25px;
	font-size:13px;
	font-weight:bold;
	margin: 0;
	padding:6px 0px 6px 0px ;
	width: 187px;
	border-bottom: #a8cbe5 solid 1px;
}
.nav_item1_down{
	background:#FFF url(assets/puce2.png) no-repeat left 7px;
	text-indent: 25px;
	font-size:13px;
	font-weight:bold;
	padding:6px 0 6px 0px ;
	width: 187px;
	border-bottom: #a8cbe5 solid 1px;
	
}
.nav_item1 A{
	text-decoration:none;
	color: #0067b2;
}
.nav_item1 A:HOVER{
	color:#FF6600;
	text-decoration:none;
}

.nav_item1_down A{
	color:#FF6600;
	text-decoration:none;

}

.nav_item2{
	color: #0067b2;
	font-size:11px;
	font-weight:bold;
	width: 187px;
	text-indent: 40px;
	padding:6px 0 4px 0px ;
	background: url(assets/puce3.png) no-repeat 20px 9px;
}
.nav_item2 A{
	color:#0067b2;
	text-decoration:none;
}
.nav_item2 A:HOVER{
	color:#ff6600;
	text-decoration:none;
}
.nav_item2_down{
	color: #ff6600;
	font-size:11px;
	font-weight:bold;
	padding:6px 0 4px 0px ;
	width: 187px;
	text-indent: 40px;
	background: url(assets/puce4.png) no-repeat 20px 9px;
}
.nav_item2_down A{
	color:#ff6600;
	text-decoration:none;
}
.nav_item2_down A:HOVER{
	color:#ff6600;
	text-decoration:none;
}
.nav_item3{
	color: #0067b2;
	font-size:10px;
	font-weight:bold;
	margin: 0;
	padding:2px 0 2px 50px ;
	text-indent: 0;
	width: 107px;
	background: url(assets/puce6.png) no-repeat 43px 1px;
}
.nav_item3 A{
	color:#0067b2;
	text-decoration:none;
}
.nav_item3 A:HOVER{
	color:#FF6600;
	text-decoration:none;
}
.nav_item3_down{
	color: #FF6600;
	font-size:10px;
	font-weight:bold;
	margin: 0;
	padding:2px 0 2px 50px ;
	width: 107px;
	text-indent: 0;
	background: url(assets/puce5.png) no-repeat 43px 6px;
}
.nav_item3_down A{
	color:#ff6600;
	text-decoration:none;
}
.nav_item3_down A:HOVER{
	color:#FF6600;
	text-decoration:none;
}


.nav_item4{
	color: #0067b2;
	font-size:10px;
	font-weight:bold;
	padding:2px 0 2px 0px ;
	width: 187px;
	text-indent: 70px;
	background: url(assets/puce7.png) no-repeat 63px 9px;
}
.nav_item4 A{
	color:#0067b2;
	text-decoration:none;
}
.nav_item4 A:HOVER{
	color:#FF6600;
	text-decoration:none;
}
.nav_item4_down{
	color: #FF6600;
	font-size:10px;
	font-weight:bold;
	padding:2px 0 2px 0px ;
	width: 187px;
	text-indent: 70px;
	background: url(assets/puce8.png) no-repeat 63px 9px;
}
.nav_item4_down A{
	color:#ff6600;
	text-decoration:none;
}
.nav_item4_down A:HOVER{
	color:#FF6600;
	text-decoration:none;
}

/*--------------------------------SPIP STYLE------------------------------------*/

.spip_documents{
margin: 0px 12px 10px 0px;

}

HR.spip{
clear:both;
margin: 10px 0 10px 0;
}

/*--------------------------------STYLE SPIP-liste------------------------------------*/


div#content_newsletter div.formulaire_spip form fieldset{
	border: none;
}

/*--------------------------------STYLE parrain------------------------------------*/
.box_parrain_top{
	background:transparent url(/squelettes/assets/top_bg_box0.png) no-repeat scroll center top;
	font-size:1px;
	height:13px;
	line-height:1px;
	margin:0pt;
	padding:0pt;
	width:210px;
}
.box_parrain_corp{
	color: #0067B2;
	background:transparent url(/squelettes/assets/bg_parrain_box0.png) repeat-y scroll 0%;
	margin-left:2px;
	width:210px;
}
.box_parrain_corp h4{
	color: #0067B2;
}
.box_parrain_bottom{
	background:transparent url(/squelettes/assets/bottom_box0.png) no-repeat scroll center top;
	font-size:1px;
	height:13px;
	line-height:1px;
	margin:0pt;
	padding:0pt;
	width:210px;
}
.parrain_haut{
	background:transparent url(/squelettes/assets/box_parrain_top.jpg) no-repeat scroll center top;
	width: 550px;
	padding: 0px 0px 0px 30px;
	height: 16px;
}

.parrain_bas{
	background:transparent url(/squelettes/assets/box_parrain_bottom.jpg) no-repeat scroll center top;
	width: 550px;
	height: 20px;
	padding: 0px 0px 10px 30px;
}

.identite_parrain{
	background:transparent url(/squelettes/assets/box_parrain_corp.jpg) repeat-y scroll center top;
	width: 540px;
	padding: 10px 10px 0px 30px;
	margin-right: 8px;
}
.identite_parrain p{
padding-right:15px;
}

.logo_parrain{
	width: 130px;
	float: left;
}

.texte_parrain{
	width: 400px;
	float: left;
	
}
DIV.abonnement{				/* Nouvellement mis a jour */
	margin-bottom: 5px;
	
}
DIV.abonnement LABEL{
	/*font-size:1.1em;*/
	margin:0pt;
	padding:2px;
	text-align:left;
}

img,
span,
a,
a:link,
a:focus,
a:active,
a:focus,
a:active
{outline:none;}
div.bottom_box1 a, div.bottom_box2 a, div.bottom_box3 a{
	color: white;
	text-decoration: none;
}

#newsletter_test{
	padding:0;
	/*background-color:#ECECEC;
	border:1px solid #0167B2;*/
}
.title_article {
background:transparent url(assets/puce4.gif) no-repeat scroll 0 0;
color:#FF6600;
height:26px;
margin-bottom:15px;
padding:1px 0 10px 27px;
text-align:left;
font-weight:bold;
font-size: 18px;
}

.title_newsletter {
	padding:1px 0 0 27px;
	font-size: 18px;
}

#texte_loi {
	padding-top: 8px;
	font-size: 9px;
	color: #0167b2;
}