body{
	margin:0;
	background:#1c1c1c url(../images/bg.gif) repeat-x;
	font-family:arial, sans-serif;
	font-size:12px;
	color:#ffffff;

}


/***********  generic  ***************/
.general{
	width:960px;
	margin:0 auto 0 auto;
	background:#333333;

}

.visu{
    
    border-bottom:1px solid #cc0000;
}


.visu p{
	text-align: center;
	margin: 0;
}



.content{
    width:910px;
    margin:0 auto 0 auto;
    background:#333333;
    color:#ffffff;
    padding:20px 0 50px 0;
}



h1.titre_page{
    margin: 0 0 20px 25px;
    height:18px;
}

.titre_intro{
}

/********************   HEADER   *********************/
.header{
	width:960px;
	height:46px;
	margin:0 auto 0 auto;
	background: url(../images/header.gif) no-repeat;
	
}


.logo{
    margin:6px 0 0 0;
}

/*****************  page accueil  *****************/


.contact-partenaire{
    width:201px;
    padding:0 0 10px 12px;
    border-left:2px solid #666666;
    float:right;
    margin:0 0 0 0;
}
.contact-partenaire p{
    margin: 10px 0 0 0;
}



.form{
    width:615px;
    margin:0 0 0 0;
    float:left;
}

.form p{
    margin:15px 0 15px 0;
    font-size:14px;
}
* html .form{
    margin:15px 0 0 0;
}
.form label{
    width:165px;
    float: left;
    font-size: 12px;
    font-weight: bold;
}
p.lab{
    font-size: 12px;
    font-weight: bold;
}
.recap label{
    width:210px;
    float: left;
    font-size: 12px;
    font-weight: bold;
}
.form .my_input{
    width:270px;
    padding:2px;
     border:1px solid #1c1c1c;

}
.form select{
    width:274px;
    padding:2px;
    border:1px solid #1c1c1c;

}
.form .radio{
    width:165px;
    font-size:12px;
    float: left;
    font-weight: bold;
}
.form .select-dep{
    width:200px;
    float:left;
}
.form .select-dep p{
    margin:0 0 5px 0;
}
.form .my_radio{
    margin:0 0 0 0;
}

.form .my_textarea{
    width:438px;
    height:136px;
    border:1px solid #1c1c1c;
}


.bt-valider{
    margin: 35px 0 0 0;
    text-align: right;
}

.bt-form .bt-modifier{
    margin: 35px 0 0 0;
    float: left;
}
.bt-form .bt-valider{
    float: right;
}

.bt-accueil{
    margin: 35px 0 0 0;
}
.form h1{
   
    padding:5px 5px 5px 25px;
    font-size:14px;
    margin: 0 0 20px -25px;
}

p.confirmation{
    font-size:18px;
}

.descript-reclam label{
    float: left;
}
.descript-reclam .intit-reclam{
    width:250px;
}
/************************  page rappel ***************************/

.rappel{
    padding:55px 0 0 0;
}
.rappel .form form{
    margin:45px 0 0 0;
}
.rappel .form .my_textarea{
    margin: 8px 0 0 0;
}


/********************* page votre reclamation  **********************/


.left{
    width:615px;
    margin:25px 0 0 0;
    float:left;
}

.certificat{
    float: left;
    margin: 0 15px 0 0;
}

.reclamation .left a{
    color:#ffffff;
}
/************************************************ STYLE  ************************/

.infos-note{
    margin: 55px 0 0 0;
}
p, h1, h2, a{
	font-family:arial, sans-serif;
}

a{
    outline: none;
}
a:hover{
	text-decoration:underline;
}
.floatL{
	float:left;
}
.floatR{
	float:right;
}
.clear{
	clear:both;
}
img{
	border:0;
	outline: none;
}
/****  couleur   ****/
.gris{
	color:#888888;
}
.red{
	color:#cc0000;
}

.gras{
	font-weight:bold;
}
.italic{
	font-style:italic;
}
form{
	margin:0;
	padding:0;
}

.size9{
    font-size:9px;
    font-weight:normal;
}

p.note{
    font-size:11px;
    font-weight:normal;
}

.center{
    text-align: center;
}
.bt{
    text-align: right;
}

