/* CSS Document */


/*--------------------------*/
/*      Partie commune      */
/*--------------------------*/

/*--------------------------*/
/*        Background        */
/*--------------------------*/

html{
	height:100%;
}

body {
	border:0 none transparent;
	background: #FFFFFF url('../images/haut_fond.gif') repeat-x scroll left top;
	margin:0;
	width:100%;
}

#background{
	margin: 0px auto 0px auto;
	width : 770px;
	position:relative;
	display:block;
	padding:0;
    background:transparent url("../images/ombre.gif") repeat-y left top;
}

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

/* Banderole */
#header{
	margin:0px;
	padding:0px;
	width:770px;
	height:133px;
}

/* Menu haut */
#menu{
	width:750px;
	height:25px;
	float:left;
}

#menu ul{
	height:25px;
	margin:0;
	padding:0 0 0 0;
	background:#fd8708 url("../images/bouton_fond.gif") repeat-x 0 -25px;
	list-style-type:none;
}

#menu li{
	float: left ;
	text-align: center ;
	border-right: 1px solid #fff ;
}

#menu li a{
	padding-left:10px;
	padding-right:10px;
	line-height: 25px ;
	font-size: 14px ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
}

#menu li a:hover
{
	background: #fd8708 url('../images/bouton_fond.gif') repeat-x 0 0 ;
}

/* Drapeaux de langue */

div.lang {
	position:absolute;
	right:15px;
	top:137px;
}

img.lang {
	border:1px solid #ffffff;
}

/*--------------------------*/
/*      Colonne gauche      */
/*--------------------------*/

#colgauche {
	background:#feb464;
	width:20%;
	height:100%;
	margin:0;
	float:left;
}

#colgauche h2{
	margin-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	text-align:center;
	color:#FFF;
}

/* Sous menu */
#ss_menu ul{
	margin:0;
	padding:0 0 0 0;
	list-style-type:none;
	text-align:center;
}

#ss_menu li{
	background-color:#feb464;
	text-align: center ;
	border-top: 1px solid #fff ;
}

#ss_menu li a{
	width: 100% ;
	line-height: 25px ;
	font-size: 12px ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
}

#ss_menu li a:hover
{
	background: #fd8708;
}

/* News */

#news {
	border-top:solid 1px #FFFFFF;
	margin-top:50px;
}

#news ul{
	margin:0;
	padding:0 0 0 0;
	list-style-type:none;
	text-align:center;
}

#news li{
	background-color:#feb464;
	text-align:justify ;
	border-top: 1px #fff dashed ;
}

#news li a{
	font-size: 12px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
	padding: 0 6px 0 6px;
}

#news li a:hover
{
	background: #fd8708;
}

/* Partenaires */
#partenaires {
	border-top:solid 1px #FFFFFF;
	margin-top:50px;
}

#partenaires img{
	max-width:130px;
}

/*--------------------------*/
/*       Corps de page      */
/*--------------------------*/

div.floatl {
	float: left ;
}
div.floatr {
	float: right;
}

#contenu {
	width:750px;
	height:100%;
	min-height:500px;
	display:block;
	margin: 0 auto 0 auto;
	background:url('../images/logo_transp.jpg') no-repeat right top;
}
	
#article {
	float:left;
	margin-left:40px;
	margin-top:20px;
	margin-bottom:50px;
	min-height: 500px;
	width:70%;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
}

#article h1{
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	color:#c40e2f;
	font-size:26px;
	border-bottom: 1px solid #c40e2f;
	margin-bottom:30px;
}

#article h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	color:#fd8708;
	font-size:16px;
	margin-bottom:5px;
	margin-top:30px;
}

#article h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	color:#fd8708;
	font-style:italic;
	font-size:14px;
	margin-bottom:0px;
	margin-top:25px;
}

#article a{
	text-decoration:none;
	color:#0000FF;
}

#article a:hover{
	text-decoration:none;
	color:#FF0000;
}

#article ul, ol{
	padding-left:20px;
}

#article li {
	margin-top:15px;
}

/* Images */
img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img {
	border: none;
}

img.ImgDiv {
	max-width:250px;
	max-height:400px;
}

div.ImgDiv_droite {
	float:right;
	background:#feb464;
	border:1px #c40e2f dotted;
	margin:20px 0px 20px 20px;
}
div.ImgDiv_gauche {
	float:left;
	background:#feb464;
	border:1px #c40e2f dotted;
	margin:20px 20px 20px 0px;
}
span.ImgCom {
	font-size:12px;
	color:#FFFFFF;
}

/* Forum Entreprise */
table.forum {
	border-collapse:collapse;
}

td.forum {
	border:1px #000000 solid;
	padding:5px 20px 5px 20px;
	text-align:center;
}

img.forum {
	border:0px;
	max-height:150px;
	max-width:200px;
}

/* Formulaires */

fieldset {
	padding: 5px;
}

.titre {
	font-size: 16px;
	font-weight: bold;
}

span.titre2 {
	display: block;
	margin: 10px 0;
	text-decoration: underline;
		
}

.petit {
	font-size: 10px;
}



/*--------------------------*/
/*          Footer          */
/*--------------------------*/

#footer {
	background-color:#feb464;
	text-align:center;
	clear:both;
}

span.copy {
	font: x-small sans-serif;
	color: #FFFFFF;
}

span.admin {
	position : absolute;
	left:719px;
	bottom:2px;
	border:1px #FFFFFF dotted;
	font: x-small sans-serif;
}

span.admin a {
	text-decoration:none;
	padding-left:2px;
	padding-right:2px;
	color:#FFFFFF;
}

span.admin a:hover {
 	background-color:#fd8708;
}


/*--------------------------*/
/*       Partie admin       */
/*--------------------------*/


/*--------------------------*/
/*       Mise en page       */
/*--------------------------*/

table {
width:100%;
border:0;
}

td.Langue {
	font-size:18px;
}

td.Search {
background-color:#feb464;
}

fieldset.Admin {
	border:1px #c40e2f dotted;
	background-color:#feb464;
	padding:0px;
	position: relative;
	margin-top:1em;
	padding-bottom:10px;
	padding-top:.75em;
}

legend.Admin {
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	position: absolute;
	top: -.5em; 
	left: .5em; 
}

div.Langue {
	border:1px #c40e2f solid;
	background-color:#fec264;
	margin:20px 10px 10px 10px;
}

div.LangueTitre {
	font-weight:bold;
	font-size:15px;
	margin-bottom:10px;
}

/*--------------------------*/
/*        Formulaire        */
/*--------------------------*/
 
 input {
 	font-size:12px;
 }
 
 select {
 	width:340px;
	font-size:12px;
 }
 
 label {
 font-size:small;
 }
 
 .btn_search {
	 background-color:#fd8708;
	 color:#FFFFFF;
	 font-size:11px;
	 font-family:Arial, Helvetica, sans-serif;
	 border:1px solid #FFFFFF;
}

 .btn_delete {
	 background-color:#c40e2f;
	 color:#FFFFFF;
	 font-size:11px;
	 font-family:Arial, Helvetica, sans-serif;
	 border:1px solid #FFFFFF;
}

 .btn_bbcode {
	 background-color:#fd8708;
	 color:#FFFFFF;
	 font-size:11px;
	 font-family:Arial, Helvetica, sans-serif;
	 border:1px solid #FFFFFF;
}

.bbcode_help {
	font-size:11px;
	border:1px #FFFFFF solid;
	width:90%;
	margin:0 auto 0 auto;
}

.preview {
	width:100%;
	display:none;
}

/*--------------------------*/
/*       Drag and Drop      */
/*--------------------------*/

ul.Drag {
	list-style-type:none;
	width:200px;
	padding:0;
	border: 1px solid #ffffff ;
}


li.Drag {
	cursor: pointer;
	cursor: hand;
	background-color:#fd8708;
	text-align: center ;
	border: 1px solid #ffffff ;
	color:#ffffff;
	line-height:25px;
	line-height: 25px ;
	font-size: 12px ;
	font-weight: bold ;
	letter-spacing: 2px ;
	display: block ;
}

/*--------------------------*/
/*           Login          */
/*--------------------------*/

div.ImgLogin {
	float:right;
	margin-right:20px;
	margin-left:20px;
	margin-bottom:5px;
}

img.ImgLogin {
	border:1px #c40e2f dotted;
}

div.Login {
	width:250px;
	text-align:right;
	margin-top:50px;
	margin-left:23px;
	padding:20px;
	border:1px #c40e2f dotted;
}

div.Erreur {
	text-align:center;
	font-size:16px;
	color:red;
	font-weight:bold;
}

/*--------------------------*/
/*       Change passe       */
/*--------------------------*/

#weak, #medium {
	border-right:solid 1px #000000;
}

#sm {
	border: 1px solid #000000;
	margin:2px;
	padding:0px;
	height:14px;
	float:right;
	font-family:Tahoma, Arial, sans-serif;
	font-size:9px;
}

#sm ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align:center;
}

#sm ul li {
	display:block;
	float:left;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px;
	height:14px;
}

.nrm {
	width:95px;
	color:#696969;
	text-align:center;
	padding:2px;
	background-color:#F1F1F1;
	display:block;
	vertical-align:middle;
}

.red, .yellow, .green {
	width:95px;
	color:#000000;
	text-align:center;
	display:block;
	vertical-align:middle;
}

.red {
	background-color:#FF6F6F;
}

.yellow {
	background-color:#FDB14D;
}

.green {
	background-color:#A0DA54;
}

fieldset.Admin2 {
	border:1px #c40e2f dotted;
	background-color:#feb464;
	padding:20px;
}