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

== Info Structure: =========================
* Nom du fichier: 		style.css
* Version: 				1.0.1 (09/04/2008)
* Auteur: 				Cédric BOISSEAU
* Société : 			Créamotion [ http://www.creamotion.com ]


== Info site: ==============================
* Site web: 			http://multicars.com
* Largeur de la page: 	990 px
* Nombre de colonnes: 	2
* Fluide[ ] | Fixe[x]


== Structure à respecter: ==================
* xxx-top
* xxx-middle
* xxx-bottom

* xxx-left
* xxx-center
* xxx-right

/!\ Sauf structure principale :
* header
* center(menu-gauche | content | menu droit)
* footer

== Outils utiles: ==========================
* http://lab.xms.pl/css-generator/ (générateur de CSS à partir d'un fichier XHTML)

== Parties: ================================
* Règles générales
* Connexion
* Fil d'Ariane
* Formulaires
* Pagination
* Tableaux
* Structure

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


										  /*********************/
										 /* Règles générales **/
/*************************************************************/
*{
	margin:						0px;
	padding:					0px;
/*	behavior: 					url(iepngfix.htc);*/
}
img{
	border:						0px;
}
body{
	background-image:			url(_images/bg.jpg);
	font-family:				verdana;
	font-size:					12px;
	line-height:20px;
}

.clear{
	clear:						both;
}
/* titres, paragraphes, liens, listes ordonnées & non ordonnées*/
h1{
	background-color:			#f2f0ea;
	border-top:					1px solid #dddbd4;
	border-bottom:				1px solid #dddbd4;
	color:						#3B2A1A;
	font-size:					18px;
	font-variant: 				small-caps;
	height:						22px;
	line-height:				22px;
	margin-bottom:				5px;
	text-align: 				center;
}
h2{
	background-color:			#FFE8BF;
	border-top:					1px solid #dddbd4;
	border-bottom:				1px solid #dddbd4;
	color:						#3B2A1A;
	font-size:					14px;
	font-variant: 				small-caps;
	height:						20px;
	line-height:				20px;
	margin-bottom:				5px;
	text-align: 				center;
}

h3{
	background-color:			#f2f0ea;
	border-top:					1px solid #dddbd4;
	border-bottom:				1px solid #dddbd4;
	color:						#3B2A1A;
	font-size:					11px;
	font-variant: 				small-caps;
	height:						20px;
	line-height:				20px;
	margin-bottom:				5px;
	text-align: 				center;
}

p{
	color:						#000;
	line-height:				17px;
 	padding:					10px;
}
table p{
	color:						#000;
	line-height:				20px;
 	margin:						10px 0;
 	padding:					5px 0;
	text-align:					justify;
}
a{
	color:						#0090FF;
	text-decoration:			none;
}
a:hover{
	color:						#000;
	text-decoration:			underline;
}
a:active, a:focus{
	outline:					none;
}
ul,ol{
	list-style-position: 		inside;
}

a.lightbox img {
	margin: 0px 6px;
	border: 2px solid #7F705F;
}
										  /**************/
										 /* Connexion **/
/******************************************************/
#connexion{
	margin:0 auto;
	width:990px;
}
#connexion a{
}
#connexion a:hover{
}
										  /*****************/
										 /* Fil d'Ariane **/
/*********************************************************/
.ariane{
	background-image:			url(_images/bg-ariane.gif);
 	background-repeat:			no-repeat;
 	background-position:		left center;
	height:						20px;
	line-height: 				20px;
	margin-bottom:				10px;
	width:						794px;
}
.texteAriane{
	height:						20px;
	float:						left;
	padding:					0 5px;
}
ul.filAriane {
	float:						left;
	list-style: 				none;
	height:						20px;

}
ul.filAriane li{
	color:						#555;
	float:						left;
	padding-right:				5px;
}
ul.filAriane li a{
	background-image:			url(_images/fleche-ariane.gif);
 	background-repeat:			no-repeat;
 	background-position:		right center;
	color:						#555;
	display:					block;
	float:						left;
	padding-right:				11px;
	text-decoration: 			underline;
}
ul.filAriane li a:hover{
	color:						#000;
	text-decoration: 			underline;
}

										  /***************/
										 /* Pagination **/
/*******************************************************/
.pagination {
    height:						36px;
    width: 						719px;
    margin:						0 auto;
}

.pagination-left {
    float:						left;
    background: url(_images/pagination-left.png) no-repeat left top;
    width: 11px;
    height: 36px;
    
}
.pagination-content {
    float:						left;
    background: url(_images/pagination-center.png) repeat-x left top;
    height: 36px;
    width: 						696px;
    text-align: center;
    padding-top: 6px;
}
.pagination-right {
    float:						left;
    background: url(_images/pagination-right.png) no-repeat left top;
    width: 12px;
    height: 36px;
    
}

.pagination-content a {
	color: #3B2C1B;
} 

.pagination-content a:hover {
	text-decoration: none;
	color: #A99982;
} 
										  /*************/
										 /* Tableaux **/
/*****************************************************/
table{}
th{}
tr{}
td{
	font-size:11px;
	line-height:14px;
}
tr.couleur:hover {
	background-color: red;
}
										  /**************/
										 /* Structure **/
/******************************************************/
#main{
	margin:						0 auto;
	width:						991px;
}

  #header{
 	background-image:			url(_images/header/automne_1_2009.jpg);
	background-repeat:			no-repeat;
  	height:						140px;
  	margin:						3px auto;
	width:						991px;
	overflow: 					hidden;
	margin-bottom: 10px;
  }
  #header a{
  	display: 					block;
  	height:						140px;
	width:						991px;
  }

#contenue {
	width: 719px;
	float: left;
	margin-right: 10px;
}

.content {
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	width: 719px;
	color: #291a0c;
}
.content-header {
	background: url(_images/block_header.png) no-repeat top left;
	height: 62px;
	color: #ffffff;
	font-family: verdana;
}
.content-header .date {
	padding: 5px;
	padding-top: 7px;
	text-align: center;
	width: 85px;
	font-size: 18px;
	font-weight: bold;
	float: left;
}

.content-header h1,
.content-header h1 a{
	font-family: verdana;
	font-size: 18px;
	background: none;
	color: #ffffff;
	border: none;
	text-align: left;
	padding-top: 6px;
}

.content-header .tags {
	font-size: 11px;
	background: none;
	color: #291a0c;
	border: none;
	text-align: left;
	padding-top: 6px;
	height: 20px;
	width: 618px;
	overflow: hidden;
}
.content-header .tags a {
	color: #0090ff;
	font-weight: bold;
	font-size: 11px;
}

.content-content{
	background: url(_images/block_bg.png) repeat-y top left;
	padding: 0 10px 0 10px;
	text-align: justify;
}

.content-content ul {
	margin-left: 13px;
}

.content-footer{
	background: url(_images/block_footer.png) no-repeat top left;
	height: 13px;
}

   #menu {
		float:					left;
		width:					230px;/*185-1border*/
	}
	#menu ul {
  		list-style: none;
  		list-style-position: outside;
		width:					230px;/*185-1border*/
	}
	#menu li {
  		margin-left: 0px;
	}
	#menu li ul li {
  		margin-left: 15px;
	}
	#menu li ul li a{
  		padding-left: 6px;
  		background-image: url(_images/puce.png);
  		background-position: 0px 6px;
  		background-repeat: no-repeat;
	}
	#menu a{
		color: #3B2C1B;
		text-decoration: none;
	}
	#menu a:hover {
		color: 						#A99982;
	}

	#menu a.pre-selected,
	#menu a.selected{
		color: 						#3B2C1B;
		cursor: 					default;
		font-weight:				bold;
	}
	#myTree {
		margin-left: 5px;
	}
	
	div#recherche{
		font-size: 11px;
		height:36px;
		width:254px;/*184-10*/
		background-image: url(_images/recherche.png);
		background-repeat: no-repeat;
		margin-bottom: 10px;
	}

	div#recherche input[type=text]{
		padding-top: 10px;
		padding-left: 10px;
		border:none;
		width: 200px;
		background-color: transparent;
	}
	div#recherche input[type=submit]{
		font-size: 10px;
		font-weight: bold;
		color:#999;
		border:none;
		background-color: transparent;
	}
	
.block-menu{
	background: none;
	margin-bottom: 10px;
}
.header-menu h1 {
	font-family: verdana;
	font-size: 18px;
	background: none;
	color: #ffffff;
	border: none;
	text-align: left;
	padding-top: 4px;
	padding-left: 10px;
}
.header-menu{
	background: transparent url(_images/header-menu.png) no-repeat top left;
	width: 254px;
	height: 35px;
}
.header-content{
	background: transparent url(_images/bg-menu.png) repeat-y top left;
	width: 254px;
	padding: 0 8px 0 8px;
}
.header-footer{
	background: url(_images/footer-menu.png) no-repeat top left;
	width: 254px;
	height: 12px;
}

  	#content{
  		background-color: 		#fff;
  		float:					left;
  		margin-left: 			10px;
  		margin-right:			10px;
  		width:					784px;/*795-1border -10*/
  	}
  	#content a:hover{
		background-color: 			#b8b8b8;
		color:						#000024;
		text-decoration: 			underline;
	}
  	#content ul{
		list-style: 			circle;
  		list-style-position: 	inside;
	}
  	#content ul li{
 		color:					#555;
		padding-left:			10px;
	}
  #footer{
   	font-size:					11px;
  	height:						48px;/*54-6*/
  	padding-top:				6px;
  	width:						988px;
  	margin-top:20px;
  	text-align:					center;
  	font-style: italic;
  }

#tagsCloud {
	padding: 5px;
	margin-right:10px;
}

#tagsCloud a.tag1 {
/*line-height: 25px;*/
text-decoration: none;
color: #CC0066;
font-size:11px;
}

#tagsCloud a.tag1:hover {
/*line-height: 25px;*/
text-decoration: underline;
color: #CC0066;
font-size:11px;
}

#tagsCloud a.tag2 {
/*line-height: 25px;*/
text-decoration: none;
color: #6699FF;
font-size:12px;
}

#tagsCloud a.tag2:hover {
/*line-height: 25px;*/
text-decoration: underline;
color: #6699FF;
font-size:12px;
}

#tagsCloud a.tag3 {
/*line-height: 25px;*/
text-decoration: none;
color: #66CC00;
font-size:14px;
}

#tagsCloud a.tag3:hover {
/*line-height: 25px;*/
text-decoration: underline;
color: #66CC00;
font-size:14px;
}

#tagsCloud a.tag4 {
/*line-height: 25px;*/
text-decoration: none;
color: #0066CC;
font-size:16px;
}

#tagsCloud a.tag4:hover {
/*line-height: 25px;*/
text-decoration: underline;
color: #0066CC;
font-size:16px;
}

#tagsCloud a.tag5 {
/*line-height: 25px;*/
text-decoration: none;
color: #66CC00;
font-size:18px;
}

#tagsCloud a.tag5:hover {
/*line-height: 25px;*/
text-decoration: underline;
color: #66CC00;
font-size:18px;
}

#tagsCloud a.tag6 {
/*line-height: 25px;*/
text-decoration: none;
color: #9933CC;
font-size:20px;
}

#tagsCloud a.tag6:hover {
/*line-height: 25px;*/
text-decoration: underline;
color: #9933CC;
font-size:20px;
}

#tagsCloud a.tag7 {
/*line-height: 25px;*/
text-decoration: none;
color: #FF6699;
font-size:22px;
}

#tagsCloud a.tag7:hover {
/*line-height: 25px;*/
text-decoration: underline;
color: #FF6699;
font-size:22px;
}

.header-comment {
	background: url(_images/header-commentaire.png) no-repeat left top;
	width: 719px;
	height: 33px;
	color: #fff;
	padding-left: 10px;
	padding-top: 3px;
}

.content-comment {
	background: url(_images/bg-commentaire.png) repeat-y left top;
	width: 719px;
	padding: 8px;
}

.footer-comment {
	margin-bottom: 10px;
	background: url(_images/footer-commentaire.png) no-repeat left top;
	width: 719px;
	height: 14px;
}
.add_comment .MyName {
	display: none;
	visibility: hidden;
}
.add_comment textarea,
.add_comment input[type=text]{
	border: none;
	border-bottom: 1px dashed #3D2E1E;
	border-left: 1px dashed #3D2E1E;
    background-color: #FFF9EF;
    width: 200px;
    margin-right: 20px;
}
.add_comment textarea {
	width: 680px;
	margin-bottom: 5px;
}
.add_comment .obligatoire {
	color: #FF441F;
	margin-right: 2px;
}

.add_comment label[for=email] i {
    font-size: 10px;
}

.add_comment input[type="submit"] {
	background-color:transparent;
	border:medium none;
	color:#382918;
	font-size:10px;
	font-weight:bold;
}

#valid_by_admin,
.erreur {
	border: 3px solid #FF441F;
    background-color: #FFF2EF;
    text-align: center;
    padding: 5px;
    margin-bottom: 10px;
    height: 25px;
    padding-top: 12px;
    font-size: 14px;
}

.cv { font-family:arial,sans-serif; } .cv a{ border-bottom: 1px solid #A7C5DF; } .cv a:hover{ border-bottom: 1px solid #0066CC; text-decoration: none; } .cv p { margin-top: 0px; margin-bottom: 0px; } .cv h1.s{margin:0px;}.cv h1 { color: #0066CC; font-size: 18px; font-variant: small-caps; font-family: georgia; margin-top: 25px; } .cv h2 { color: #4088CF; font-size: 16px; font-family: georgia; margin: 15px 0 0 0;clear:both;} .cv span.annee { color: #CC0066; font-weight: bold; } .cv span.diplome { color: #00386F; } .cv span.entreprise { font-weight: bold; } .cv span.poste { font-weight: bold; font-style: italic; color: #00386F; } .cv div.XP { margin-bottom: 12px; } .cv div.XP p { margin: 0px; padding: 0px; } .cv div.image { float: left; width: 300px; margin-right: 5px; } .cv span.techno { font-weight: bold; } .cv div.realisation{clear:both;border-bottom:1px dashed #3C2D1D;margin-bottom:10px;}