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

== Infos Structure: ========================
* Nom du fichier: 		style.css
* Version: 				1.1.0 (30/07/2008)
* Auteur: 				Cédric BOISSEAU
* Société : 			Créamotion [ http://www.creamotion.com ]


== Info site: ==============================
* Site web: 			http://www.camporell-expo.com
* Fluide[ ] | Fixe[x]
* Largeur de la page: 	964px
* Nombre de colonnes: 	2


== 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)
* http://www.blog-and-blues.org/weblog/2004/05/24/214-font-size-em (en cas de problème avec les em)
http://www.eclaireur.net/technique/25-techniques-css-pour-ne-pas-avoir-a-reinventer-la-roue-partie-1/ (techniques CSS - menus, formulaires, tableaux ...)

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

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


									  /*********************/
									 /* Règles générales **/
/*********************************************************/
body{
	background: 				#092949 url(_images/bg.png) repeat-x;
	color:						#000;
	font-family:				verdana, sans-serif;
	font-size:					62.5%;
}
*{
	margin:						0px;
	padding:					0px;
	outline:					none;
	/*behavior: 					url(iepngfix.htc);*/

}
img{
	border:						0px;
}
.clear{
	clear:						both;
}

/* Titres */
#content h1{
	background:					url(_images/bg-h1.jpg) no-repeat scroll center top;
	color:						#fff;
	font-size: 					1.6em;
	font-style:					italic;
	font-weight: 				normal;
	height:						24px;
	margin:						4px auto 10px auto;
	text-align: 				center;
	width:						670px;
}
#content h2{
	border-bottom:				1px solid #092949;
	color:						#092949;
	font-size: 					1.2em;
	font-style:					italic;
	margin:						5px 0;
}
h3{}
h4{}
h5{}
h6{}

/* Paragraphes */
#content p{
	background-color: 			inherit;
	color:						#333;
	line-height:				1.8em;
	padding:					10px;
	text-align:					justify;
	text-indent: 				1em;
}


/* Listes non ordonnées*/
#content ul li{
	list-style: 				none inside none;
	background: 				url(_images/puce.gif) no-repeat 5px 3px;
	font-size: 					0.9em;
	color:						#222;
	padding:					5px 0 10px 0;
	text-indent: 				25px;
}

#content ul.clients li{
	font-size: 					9px;
	display:					block;
	font-weight: 				bold;
	width:						50%;
	float:						left;
}
#content ul.produits{
	text-align: center;
	width:80%;
	margin:0 auto;
	line-height: 2em;
}
#content ul.produits li{
	background: none;
	padding:0;
	display:inline;
}
#content ul.produits li a{
	padding:2px;
}
#content ul.produits li a:hover{
	color:#fff;
	background-color:#0D7243;
	text-decoration: none;
}
#content ul.stands li{
	background: none;
	float:left;
	width:50%;
	text-align: center;

}
/* Listes ordonnées*/
ol{
	list-style: 				decimal-leading-zero outside none;
}

#content a{
	color:						#0D7243;
	text-decoration: 			underline;
}
#content a:hover{
	color:						#000;
	text-decoration: 			underline;
}
#content a img{
	text-decoration: 			none;
}

/* balises Diverses */
abbr{
	cursor:						help;
}/*abréviations lue lettre par lettre*/
acronym{
	cursor:						help;
}/*abréviation lue comme un mot*/
big{}/*texte de taille supérieure*/
cite{}/*citations*/
code{}/*code*/
small{}/*texte de taille inférieure*/




											 /**************/
										 	/* Connexion **/
/*********************************************************/
#connexion{
	height:						.px;
	left:						.px;
	position:					relative;
	top:						.px;
	width:						.px;
}
										  /*****************/
										 /* Fil d'Ariane **/
/*********************************************************/
.ariane{
	background-color: 			inherit;
	color:						#000;
}
.ariane strong {
	background-color: 			inherit;
	color:						#A90101;
}
.ariane span{
	background-color: 			inherit;
	color:						#999;
}
.ariane a{
	background-color: 			inherit;
	color:						#555;
	text-decoration: 			underline;
}
.ariane a:hover{
	background-color: 			inherit;
	color:						#000;
	text-decoration: 			underline;
}



											/***************/
										   /* Pagination **/
/*********************************************************/
.pagination{
	border-top:					1px dotted #ddd;
    height:						30px;
    float:						left;
    margin:						0 9px 0 0;
    padding:					5px 0 10px 0;
    width:						.px;
}
.pagination *{
	display:					block;
    float:						left;
    font-weight: 				bold;
    margin:						0 0 0 2px;
    padding:					3px;
    text-decoration: 			none;
}
.pagination a{
	background-color: 			#ffffff;
    border:						#386296 1px solid;
    color:						#4976ad;
    text-decoration: 			none;
}
.pagination a:hover{
    background-color:			#4976ad;
    border:						#386296 1px solid;
	color:						#fff;
}
.pagination  span.selected {
    background-color: 			#4976ad;
	border:						#386296 1px solid;
    color:						#fff;
}
.pagination .etc{
    background-color: 			#ffffff;
	border:						#4976ad 1px solid;
    color:						#ccc;
    cursor:						default;
}
											  /*************/
											 /* Tableaux **/
/*********************************************************/
table{}
th{}
tr{}
td{}
											 /**************/
											/* Structure **/
/*********************************************************/
#main{
	font-size: 					1.2em;
	margin:						0 auto;
	width:						964px;
}
	#header{
		background:				url(_images/header.png) no-repeat scroll left top;
  		height:					84px;
		width:					964px;
	}
	#header h1 a{
		display:				block;
		height:					62px;
		margin:					0 0 0 32px;
  		width:					208px;
	}
	#header h1 a:hover{
  		background:				url(_images/logo-hover.png) no-repeat scroll center top;
	}
	#header h1 a span{
  		display:				none;
	}
	#center-top{
  		background:				url(_images/center-top.png) no-repeat scroll center top;
  		width:					964px;
	}
	#center-bottom{
  		background:				url(_images/center-bottom.png) no-repeat scroll center top;
  		height:					14px;/*29-15*/
  		width:					944px;/*964-20*/
  		text-align: right;
  		font-size: 0.8em;
  		padding:15px 20px 0 0;
  		color:#fff;
	}
	#center-bottom a{
		color:#fff;
		font-weight: bold;
	}
	#center{
		background:				url(_images/center.png) repeat-y scroll center top;
   		width:					964px;
	}
		.menu{
	  		float:					left;
	  		font-family: 			"trebuchet MS";
	     	padding:				15px 0 0 15px;
	  		width:					225px;/*240-15*/
	  	}
	  	.menu h3{
	    	display:				none;
	    }
	    .menu ul{
			list-style-type:		none;
			padding:				0;
		}
		.menu ul li{
			margin:					0 0 5px 0;
		}
		.menu ul ul li{
			margin:					0 0 5px 0;
		}
	    .menu ul li a{
	    	color:					#fff;
			background:				url(_images/menu.png) no-repeat right top;
			display:				block;
			height:					24px;
			line-height: 			24px;
			/*margin:					0 0 10px 0;*/
			font-weight: 			bold;
			font-size: 				1.1em;
			text-decoration:		none;
			text-indent:			30px;
			width:					214px;
		}
		.menu ul li a:hover, .menu ul li.selected a{
			background:				url(_images/menu.png) no-repeat right bottom;
			text-indent:			35px;

		}
		.menu ul ul li a, .menu ul li.selected ul li a{
			background:				url(_images/sous-menu.png) no-repeat scroll 20px center;
			color:					#0d7243;
			font-style:				italic;
			font-weight:			normal;
			/*margin:					5px 0;*/
			text-indent: 			40px;
		}
		.menu ul ul li a:hover, .menu ul ul li.selected a{
			background:				url(_images/sous-menu.png) no-repeat scroll 20px center;
			color:					#0d7243;
			text-indent: 			45px;
		}
	    #coordonnees{
			background:				url(_images/coordonnees.png) no-repeat scroll right top;
			height:					226px;
			width:					217px;
		}
	  	#content{
	  		float:					right;
	  		padding:				10px 20px 0 0;
	  		width:					700px;
		}
		#content div.legende{
			background-color: #555;
			text-align: center;
			font-size: 0.8em;
			color:#fff;
			font-style: italic;
			padding:5px 0;
			margin:0 auto;
		}
		#content div.legende a{
			color:#fff;
			text-decoration: none;
		}
#footer{
	height:						.px;
	width:						.px;
	text-align: 				center;
}
											/***************/
										   /* Balises CMS**/
/*********************************************************/
#loading-mask {
	color:						#D85909;
	font-size:					1.1em;
	font-weight:				bold;
	/*opacity:					0.8;*/
	position:					absolute;
	text-align:					center;
	z-index:					500;
}

#loading-mask .loader {
	background:					#fff4e9 none repeat scroll 0%;
	border:						2px solid #F1AF73;
	color:						#d85909;
	font-weight:				bold;
	left:						50%;
	margin-left:				-140px;
	padding:					15px 60px;
	position:					fixed;
	text-align:					center;
	top:						45%;
	width:						160px;
	z-index:					1000;
}

.highlight_word{
	font-weight:				bold;
	font-style:					italic;
	text-decoration:			underline;
}

.error {
 	border:						1px solid red;
	background-color:			#fff;
	color:						#660000;
	padding:					5px;
	margin:						0 5px;
}

.error h3{
	padding-bottom:				5px;
	text-decoration:			underline;
}

.error ul{
	padding-left:				20px;
}

.error ul li{
	/*font-weight:				bold;*/
}

.notify {
	border:						1px solid #336699;
	background-color:			#fff;
	color:						#336699;
	padding:					5px;
}

.lastname,
.hidden{
	display:					none;
}

blockquote {
	margin:						16px;
    padding:					8px;
    background-color:			silver;
}

address{
	display:					inline;
}

.style_champs, .style_champs_area{
  width:350px;
  border:#75aae2 1px solid;
  padding:2px;
  background-color: #F5F5F5;
}
fieldset{
  border:1px solid #092949;
  padding-left:10px;
  background-color: #fff;
}
fieldset legend{
  background-color: #092949;
  padding:2px 10px;
  color:#fff;
}
fieldset label{
	width:110px;
	display:block;
	float:left;
	text-align: right;
	padding: 0 5px 0 0;
}
.rouge{
	color:#cc0000;
}
.int-form{
  padding-left:100px;
  padding-top:10px;
  padding-bottom:10px;
}

											/***************/
										   /* Boite type **/
/*********************************************************/
/*.xxx-top{
	background-image:			url(_images/xxx-top.png);
	background-repeat:			no-repeat;
	color:						#.;
	height:						.px;
	line-height:				.px;
	text-align:					center;
	width:						.px;
}
.xxx-middle{
	background-image:			url(_images/xxx-middle.png);
	background-repeat:			repeat-y;
	color:						#.;
	height:						.px;
	line-height:				.px;
	text-align:					center;
	width:						.px;
}
.xxx-bottom{
	background-image:			url(_images/xxx-bottom.png);
	background-repeat:			no-repeat;
	color:						#.;
	height:						.px;
	line-height:				.px;
	text-align:					center;
	width:						.px;
}*/