@charset "UTF-8";

/*---------------------------------------------------------------------------------------
Importation des autres CSS
---------------------------------------------------------------------------------------*/

@import url(ajax.css);
@import url(droite.css);
@import url(gauche.css);

/*---------------------------------------------------------------------------------------
Reset
---------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}

/*---------------------------------------------------------------------------------------
Généralités
---------------------------------------------------------------------------------------*/

body {
	background: #FFF url(../images/1308_05.jpg) repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #A99;
}

a {color: #933;text-decoration: none;}
a:hover{cursor: pointer;}
a:link, a:visited, a:hover, a:active { outline:none }
h1 {font-size: 24px;color: #933;margin-bottom: 10px;}
h2 {font-size: 18px;color: #933;margin-bottom: 5px;}
h3 {font-size: 15px;color: #933;}
h4 {font-size: 14px;margin-bottom: 5px;color: #fff;}
p {margin-bottom: 10px;}
strong{font-weight: bold; }
.rouge{color: #933;}
.vert{color: #9C6;}

#content {
	width: 960px;
	float: left;
	margin-bottom: 40px;
}
#gauche {
	float: left;
	width: 600px;
	margin: 5px 0px 0px 0px;
	min-height: 400px;
}
#coldroite{float:right;height:auto;margin:0px 0px 0px 20px;width:310px;}

/*---------------------------------------------------------------------------------------
Header
---------------------------------------------------------------------------------------*/

#header {height: 160px;width: 960px;}
#header h1 {
	width: 406px;
	height: 160px;
	margin: 0;
	text-indent: -9999px;
	float: left;
}
#headerdroite {float: right;width: 534px;padding: 10px;}
#langues {font-size: 10px;text-align: right;width: 534px;color: #F90;}
#langues a {color: #F90;}
#langues a:hover {color: #fff;}
.soustitre {
	text-align: right;
	width: 534px;
	margin-top: 20px;
	display: block;
	font-style: italic;
	font-size: 21px;
	color:#F90;
}
.soustitre p {margin: 5px 0 0 50px;}

#breadmachin{
	float: left;
	margin-bottom: 10px;
	width: 600px;
	font-size: 10px;
}

/*---------------------------------------------------------------------------------------
Footer (+ verrouillage en bas de page)
---------------------------------------------------------------------------------------*/

html, body, #page {height: 100%;}

body > #page {height: auto; min-height: 100%;}

#main {
	padding-bottom: 400px;   /*meme hauteur que le footer */
	//padding-bottom: 440px;   /*correction IE7 */
	width: 960px;
	margin: 0 auto;
}
#footerwrap {
	position: relative;
	margin-top: -400px;  /*la hauteur du footer en négatif */
	height: 400px;
	background: #982625 url(../images/degrade_v_leger.png) repeat-x;
	clear:both;
}
/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* .clearfix {display: inline-block;} */


/* code local jef */
#footer {width: 960px;margin: 0 auto;}
.footersub {
	float: left;
	width: 290px;
	margin-top: 20px;
	margin-left: 20px;
}
.footersub ul li a {
	color: #F60;
	line-height: 25px;
	height: 25px;
	width: 280px;
	display: block;
	border-bottom: 1px dotted #600;
	padding-left: 10px;
	cursor: pointer;
	overflow: hidden;
}
#credits {
	width:960px;
	float:left;clear:both;
	font-size: 10px;
	text-align: center;
	margin-top:50px;
	color:#F60;
}
#credits a {color:#F60;}
.footersub ul li a:hover, #credits a:hover {color:#fff;}

/*---------------------------------------------------------------------------------------
Formulaires
---------------------------------------------------------------------------------------*/

input, textarea {
	width: 149px;
	margin: 0px 0px 5px 5px;
	padding: 1px;
	font-size: 12px;
	float: left;
	border: 1px solid #999;
	color: #999;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
input:focus, textarea:focus {color: #000;}
input.blur, textarea.blur {color: #999;}

.btn {
	height: 24px;width: 150px;
	display:block;
	border: none;
	text-align: left;
	padding:0 0 0 10px;
	line-height: 24px;
	color: #FFF;
	cursor: pointer;
}
.ok {background: url(../images/btnbeta2/btn_b2_ok.png) no-repeat 0 0;}
.ok:hover {background: url(../images/btnbeta2/btn_b2_ok_r.png) no-repeat 0 0;}

.btnannuler {background: url(../images/btnbeta2/btn_b2_annuler.png) no-repeat 0 0;}
.btnannuler:hover {background: url(../images/btnbeta2/btn_b2_annuler_r.png) no-repeat 0 0;}

.btnenvoyer {background: url(../images/btnbeta2/btn_b2_mail.png) no-repeat 0 0;}
.btnenvoyer:hover {background: url(../images/btnbeta2/btn_b2_mail_r.png) no-repeat 0 0;}

.ajout {width: 140px;float:right;margin-top:-5px;background: url(../images/btnbeta2/btn_b2_ajouter_v.png) no-repeat 0 0;}
.ajout2 {margin-top:-35px;}
.ajout:hover {background: url(../images/btnbeta2/btn_b2_ajouter_r.png) no-repeat 0 0;}

.ml125mt10 {margin: 10px 0 0 125px;}

input.boutonradio, input.boutonradio2 {margin: 3px 5px 0px 5px;width: 16px;height: 16px;border: none;}
input.boutonradio {clear:both;}
select{
	margin: 0px 0px 5px 5px;
	padding: 1px;
	font-size: 12px;
	float: left;
	background: #FFF;
	border: 1px solid #999;
	color: #999;
}
select:focus{background-color: #FFF;color: #000;}
.editkdo input, .editkdo textarea, .editkdo select {//clear:both;}

.formtag {
	display: block;
	width: 120px;
	margin: 2px;
	float: left;
	text-align: right;
	clear:both;
	font-size: 12px;
}