/* ------------------------------RAZ */

*{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, p{
	font-size: 1em;
	font-weight: normal;
}
ul, ol {
	margin: 0; padding: 0;
	list-style: none;
}
a {
	text-decoration:none;
	color:#000;
	outline: none;
}
a img {
	border:none;
}
.clear { 
    clear:both;
    display:block;
    line-height:1px;
	font-size:1px;
	height:1px;
}
.clear-marge{
    clear:both;
    display:block;
    line-height:1px;
	font-size:1px;
	height:8px;	
}
:focus{-moz-outline-style: none;}
.hidden {
	visibility:hidden;
}
input, textarea{
	color:#000;
	font-family:arial;
	font-size:11px;
}
fieldset{border:none;}

/* -------------------------fin RAZ--- */
html, body {
	height: 100%;
}
body {
	font-family:arial;
	font-size:12px;
	background:#0081c7;
	color:#5e5e5e;
	margin:0px;
	padding:0px;		
	line-height:14px;
}

#principale{
	width:929px;
	margin:auto;
	text-align:left;
	position:relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
.push {
	height:87px;
}
#header{
	background:url(../images/back-header.gif) repeat-x;
	min-height:191px;
	position:relative;
}
* html #header{
	height:191px;
}

#header h1{
	background:url(../images/logo.gif) no-repeat;
	
	text-indent:-9000px;
	float:left;
}
#header h1 a{
	display:block;
	width:325px;
	height:151px;

}
#header ul#nav-top{
	background:url(../images/back-menu.gif) repeat-x;
	width:604px;
	height:151px;
	float:left;
	font-size:11px;
}
#header ul#nav-top li.block-nav{
	height:123px;
	width:200px;
	float:left;
	border-left:1px solid #0081c7;
	background:url(../images/blue-top.gif) 11px 9px no-repeat;
	padding-top:28px
}
#header ul#nav-top li.block-nav h2{
	color:#1390bc;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	height:27px;
	/*margin-bottom:9px;*/
	padding-left:21px;
}
#header ul#nav-top li.block-nav ul{
	height:96px;
}
#header ul#nav-top li.nav-top-1 ul{
	background:url(../images/picto-participe.png) 134px 17px no-repeat;
	/background:url(../images/picto-participe.png) 134px 14px no-repeat;
}
#header ul#nav-top li.nav-top-2 ul{
	background:url(../images/picto-depanne.png) 123px 17px no-repeat;
	/background:url(../images/picto-depanne.png) 123px 14px no-repeat;
}
#header ul#nav-top li.nav-top-3 ul{
	background:url(../images/picto-consulte.png) 121px 17px no-repeat;
	/background:url(../images/picto-consulte.png) 121px 14px no-repeat;
}
#header ul#nav-top li ul li{
	text-transform:uppercase;
	padding-left:12px;
	padding-top:4px;
}
* html #header ul#nav-top li ul li{
	position:relative;	
}
#header ul#nav-top li ul li a{
	color:#062449;
	padding-left:9px;
	background:url(../images/hover-nav-top.png) 0 -10px no-repeat;
}
#header ul#nav-top li ul li a:hover{
	background:url(../images/hover-nav-top.png) 0 3px no-repeat;
}
* html #header ul#nav-top li ul li a:hover{
	background:url(../images/hover-nav-top.png) 0 5px no-repeat;
}
#header form{
	clear:both;
	height:35px;
	padding-top:5px;
	top:10px;
}
#header form label{
	font-weight:bold;
	font-size:16px;
	text-transform:uppercase;
	color:#fff;
	float:left;
	width:117px;
	padding:6px 0 0 21px;
}
#header form input{
	float:left;
}
#header form input#recherche-top{
	background:url(../images/inp-form-top.gif) no-repeat;
	width:742px;
	height:22px;
	border:none;
	font-size:14px;
	padding:7px 0 0 6px;
	color:#1390bc;
	text-align: left;
}


#footer{
	background:url(../images/footer.gif) repeat-x;
	height:27px;
	text-align:center;
	padding:60px 0 0 0;
	position:relative;
	z-index:2;
}
#footer ul li{
	display:inline;
}
#footer ul li a{
	color:#002754;
}
#footer ul li a:hover{
	color:#1390bc;
}

/****************GENERAL******************/

#col-left{
	width:686px;
	float:left;
        padding-top: 10px;
}

#col-left .article.fd_bleu{
	background-color: #f8fcfd;
}

#col-left p {
	font-size:12px;
}
#col-left .article .content-article p.author, #col-left .article .content-article p.author a {
	font-size:11px;
}
#col-right{
	width:232px;
	float:right;
	padding-top:10px;
}
.cadre{
	background:#fff;	
	padding:0 19px 10px 19px;
	margin-bottom:11px;
}
.titre{
	background:url(../images/blue-top.gif) 0 8px repeat-x;
	padding:19px 0 1px 0;
	height:23px;
	border-bottom:1px solid #d1d7de;
}
.titre h2{
	font-size:16px;
	color:#062449;
	text-transform:uppercase;
	float:left;
	padding-right:10px;
	font-weight:bold;
}
.titre p{
	background:url(../images/rss.gif) no-repeat;
	height:23px;
	width:23px;
	float:left;
	line-height:1px;
	font-size:1px;
	text-indent:-5000px;
	margin-top: -3px;
}
.titre p a{
	display:block;
	height:23px;
	width:23px;
}



#flash-top{
	width:286px;
	height:257px;
}
#flash-top img{
	display:block;
}
.btn-right{
	float:right;	
	margin:14px 20px 0 0;
	display:inline;
}


a.bouton{
	display:-moz-inline-box;
	display:inline-block;  
	padding-left:9px;
	color:#fff;
	line-height:15px !important;
	line-height:14px;
	white-space:nowrap;
	height:15px;
	position:relative;
        font-size: 11px !important;
        color: #fff !important;
        text-transform: none !important;
}
a.bouton strong{
	display:-moz-inline-box; 
	display:inline-block; 
	_display:block;
	padding-right:10px;
	height:15px;
	cursor:pointer; 
	_width:1%;
	right:-10px;
	position:relative;
	font-weight:normal;
}
a.bleu{
	background:url(../images/bouton-bleu.gif) no-repeat left top;
}
a.gris{
	background:url(../images/bouton-gris.gif) no-repeat left top;
}
a.gris.retour{
	background:url(../images/bouton-gris-retour.gif) no-repeat left top;
}
a.bleu-fonc{
	background:url(../images/bouton-bleu-fonc.gif) no-repeat left top;
}
a.gris-croix{
	background:url(../images/bouton-gris-croix.gif) no-repeat left top;
}
a.vert{
	background:url(../images/bouton-vert.gif) no-repeat left top;
}
a.rouge{
	background:url(../images/bouton-rouge.gif) no-repeat left top;
}
a.bleu strong{
	background:url(../images/bouton-bleu.gif) no-repeat right top;
}
a.gris strong{
	background:url(../images/bouton-gris.gif) no-repeat right top;
}
a.gris.retour strong{
	background:url(../images/bouton-gris-retour.gif) no-repeat right top;
}
a.bleu-fonc strong{
	background:url(../images/bouton-bleu-fonc.gif) no-repeat right top;
}
a.gris-croix strong{
	background:url(../images/bouton-gris-croix.gif) no-repeat right top;
}
a.vert strong{
	background:url(../images/bouton-vert.gif) no-repeat right top;
}
a.rouge strong{
	background:url(../images/bouton-rouge.gif) no-repeat right top;
}
a.bouton:hover{
	background:url(../images/bouton-hover.gif) no-repeat left top;
	text-decoration: none !important;
}
a.bouton:hover strong{
	background:url(../images/bouton-hover.gif) no-repeat right top;	
	text-decoration: none !important;
}
a.bouton.gris-croix:hover, a.bouton.rouge:hover{
	background:url(../images/bouton-hover2.gif) no-repeat left top;
}
a.bouton.gris-croix:hover strong, a.bouton.rouge:hover strong{
	background:url(../images/bouton-hover2.gif) no-repeat right top;
}
a.bouton.gris.retour:hover{
	background:url(../images/bouton-hover-retour.gif) no-repeat left top;
}
a.bouton.gris.retour:hover strong{
	background:url(../images/bouton-hover-retour.gif) no-repeat right top;
}

.bk-input{
	background:url(../images/left-input.gif) no-repeat;
	height:29px;
	padding-left:6px;
	padding-top:0;
}
.bk-input input{
	background:url(../images/right-input.gif) top right no-repeat;
	height:22px;
	border:none;	
	display:block;
	padding:7px 0 0 0;
	font-size: 1em;
}
* html .bk-input input{
	margin-top:-1px;
}

input.valider {
	width:63px;
	height: 15px;
	background:url(../images/valider.gif) no-repeat;
	border:none;
}

.errorListing {
	font-size : 12px;
	padding-top: 10px;
}

/*************************************col right********************/

#col-right .cadre .article p, #col-right .cadre .article h5 {
	font-size:12px;
}

/** COMPTE ***/
#col-right .cadre.compte .article{
	border-bottom:1px solid #ced5dd;
	padding:8px 0 13px 0;
}
#col-right .cadre.compte .img-profil{
	background:url(../images/back-img-profil.gif) no-repeat;
	width:53px;
	height:44px;
	padding:5px 5px;
	float:left;
}
#col-right .cadre.compte .img-profil img{
	display:block;
}
#col-right .cadre.compte .content-article{
	padding-top:6px;
	width:129px;
	float:left;
}
#col-right .cadre.compte .content-article h4{
	font-weight:bold;
	font-size:12px;
	color:#0b3057;
	text-transform:uppercase;
}
#col-right .cadre.compte .content-article .sous-titre{
	color:#28bfeb;
}
#col-right .cadre.compte .content-article .author{
	color:#0081c7;
}
#col-right .cadre.compte ul li a,#col-right .cadre.compte ul li{
	text-transform:uppercase;
	color:#1e395b;
	font-size:10px;
}
#col-right .cadre.compte ul li a span,#col-right .cadre.compte ul li span{
	color:#28bfeb;
}
#col-right .cadre.compte ul li a:hover{
	color:#666;
}

/***IDENTIFICATION***/
#col-right .cadre.identification .article{
	padding-bottom:6px;
}

#col-right .cadre.identification form{
	padding:11px 0 10px 0;
	border-bottom:1px solid #ced5dd;
	margin-bottom:11px;
}
#col-right .cadre.identification .bk-input{
	margin-bottom:7px;
}
#col-right .cadre.identification .bk-input input{
	font-size: 1em;
	width:189px;
}
#col-right .cadre.identification .bk-check{
	float:left;
	padding-top:3px;
}
#col-right .cadre.identification .bk-check input{
	width:12px;
	height:12px;
}
#col-right .cadre.identification .bk-check label{
	color:#0b3057;
	padding-left:3px;
}
#col-right .cadre.identification .bk-valid{
	float:right;
	padding-top:3px;
	margin:17px 10px 0 0;
}
#col-right .cadre.identification p a.left{
	float:left;
}
#col-right .cadre.identification p a.right{
	float:right;
}
#col-right .cadre.identification p a{
	font-size:13px;
	color:#0b3057;
	text-transform:uppercase;
	font-weight:normal;
}

/** CONTRIBUTEUR ***/
#col-right .cadre.contributeur .article{
	border-bottom:1px solid #d2f1fb;
	padding:5px 0 5px 0;
}
#col-right .cadre.contributeur .img-profil{
	background:url(../images/back-img-little-profil.gif) no-repeat;
	width:39px;
	height:32px;
	padding:4px 4px;
	float:left;
}
#col-right .cadre.contributeur .img-profil img{
	display:block;
}
#col-right .cadre.contributeur .content-article{
	padding-top:6px;
	width:129px;
	float:left;
}
#col-right .cadre.contributeur .content-article h4, #col-right .cadre.contributeur .content-article h4 a{
	font-weight:bold;
	font-size:12px;
	color:#1bbbe9;
	text-transform:uppercase;
}
#col-right .cadre.contributeur .content-article .sous-titre{
	color:#5e5e5e;
}
#col-right .cadre.contributeur .content-article .author{
	color:#0081c7;
}

/*****other******/
#col-right .cadre.other .article{
	padding-top:9px;
}
#col-right .cadre.other h5,
#col-right .cadre.other h5 a,
#col-right .cadre.other span{
	font-weight:bold;
	color:#0081c7;
}

.cadre.cgs h5{
        margin-top: 10px;
	font-weight:bold;
	color:#0081c7;
}

.cadre.cgs span.blue{
	font-weight:bold;
	color:#0081c7;
}

#col-right .cadre.other h5 a:hover{
	text-decoration:underline;
}
#col-right .cadre.other .img-border{
	border:1px solid #f1f1f1;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin-bottom:6px;
	padding:1px;
}
#col-right .cadre.other .img-border img{
	display:block;
}
#col-right .cadre.other .titre{
	position:relative;
}
/*#col-right .cadre.other .titre p{
	position:absolute;
	float:none;
	top:18px;
	right:-5px;
}*/

/*
#col-right .cadre.other p {
	text-align: justify;
	text-justify: newspaper;
}
*/


#col-right .cadre.other p a{
	color:#5E5E5E;
}
#col-right .cadre.other p a:hover{
	/*text-decoration:underline;*/
	color:#062449;
}

#bientot_dispo {
	position:absolute;
	top:0;
	left:527px;
	width: 200px;
	height: 151px;
	background:url(../images/prochainement_dispo.png) no-repeat;
	z-index: 100;
}