/**
 * Styles communs à tout le site
 *
 * @author		Julie Tétard <julie@2jstudio.com>
 * @version		2.1
 * @package		Ecog
 * @subpackage 	css
 * @category 	commun
 */


/* 
 * Redéfinition 
 */

	/* Général */
	body {
		font-family:Trebuchet MS, Verdana;
		font-size:12px;
		line-height:14px;
		background-color:#BFD5ED;
		margin:0;
		padding:0;
	}
	/* Paragraphe */
	p {
		margin:0;
		padding:0;
	}
	/* Elément */
	img {
		border:0;
		margin:0;
		padding:0;
	}
	/* Liens */
	a, a:link, a:active, a:visited {
		text-decoration:none;
		color:#94107E;
	}
	a:hover {
		text-decoration:underline;
		color:#94107E;
	}
	/* Formulaire */
	form {
		margin:0;
		padding:0;
	}
	fieldset {
		margin:0;
		padding:0;
		border:0;
	}
	label {
		padding:0px;
		border:1px dashed #CCCCCC;
		line-height:12px;
	}
	input, select, textarea {
		font-family:Trebuchet MS, Verdana;
		font-size:12px;
		font-weight:normal;
	}
	input, textarea {
		margin:0;
		border:1px solid #999999;
		padding:0;
	}
	select {
		margin:0;
		border:1px solid #999999;
		padding:0;
		height:20px;
	}
	/* Titre */
	h1 {
		font-size:18px;
		color:#93117E;
		padding:0;
		margin:0;
		display:block;
		line-height:18px;
	}
	h2 {
		display:block;
		background:url(images/maison.gif) 590px 2px no-repeat;
		font-size:16px;
		color:#ED8001;
	}
	h3 {
		font-size:13px;
		color:#93117E;
		padding:0;
		margin:0 0 5px 0;
		font-weight:bold;
	}
	

/* 
 * Conteneurs + callage
 */

	/* Cadres */
	#global {
		width:988px;
		background:url(../images/commun/globalBg.jpg) 0 0 repeat-y;
		margin:5px auto 0 auto;
	}
	#illustration {
		width:988px;
		min-height:550px;
		background:url(../images/commun/menuBg.jpg) 0 0 no-repeat;
		padding-bottom:30px;
	}
	#bottom {
		padding:0 0 0 76px;
		height:8px;
		font-size: 1px;
		line-height: 0;
	}
	
	/* Conteneurs internes */
	#menu {
		float:left;
		width:285px;
	}
	#milieu {
		float:left;
		width:696px;
		padding:0;
	}
	#right {
		float:left;
		width:7px;
		line-height:0;
		font-size:0;
	}
	
	/* Callage */
	#milieu .top {
		width:696px;
		height:16px;
		background-color:#BFD5ED;
		border-width:0 0 1px 0;
		border-style:solid;
		border-color:#D49FCB;
		clear:both;
	}
	#right .top {
		width:7px;
		height:16px;
		background-color:#BFD5ED;
		clear:both;
	}
	

/* 
 * Menu
 */

	#menu #accueil {
		height:119px;
		width:285px;
		display:block
	}
	#menu ul {
		margin:40px 10px 0 0;
		padding:0;
	}
	#menu li {
		margin:0;
		padding:0 0 1px 0;
		list-style:none;
		text-align:right;
		height:41px;
		font-size: 1px;
		line-height: 0;
	}
	#menu li#ventes {
		height:46px;
		padding:0 0 3px 0;
	}
	#menu li#locations {
		height:46px;
		padding:0 0 5px 0;
	}
	#menu li#contact {
		height:11px;
		padding:67px 0 0 95px;
		text-align:left;
	}
	#menu li#credits {
		height:11px;
		padding:8px 0 0 95px;
		text-align:left;
	}
	

/* 
 * Eléments du contenu
 */
	
	/* Titre de la page */
	#titre {
		margin:10px 10px 50px 20px;
	}
	/* Bouton Clef */
	.boutonClef {
		padding:30px 0 2px 35px;
		background:url(../images/index/clef.gif) 16px 0 no-repeat;
		font-weight:bold;
		color:#94107E;
		font-size:13px;
		text-transform:uppercase;
	}
	.boutonClef a, .boutonClef a:link, .boutonClef a:hover, .boutonClef a:visited, .boutonClef a:active {
		color:#94107E;
	}
	/* Conteneur */
	#contenu {
		margin:0 30px 0 30px;
	}


/* 
 * Formulaires
 */

	.inputText, .inputTextReadonly {
		padding:0 2px 0 2px;
	}
	.inputTextReadonly {
		background-color:#DDDDDD;
	}
	.inputHid {
		border:none;
		padding:0;
		margin:0;
	}
	.inputBut {
		text-transform:uppercase;
		font-weight:bold;
		color:#94107E;
		padding:0 2px 0 2px;
		font-size:13px;
		height:26px;
		background-color:#EEEEEE;
	}
	.inputButSmall {
		font-weight:normal;
		color:#ED8001;
		font-size:11px;
		padding:0 0 1px 0;
		margin:0;
		height:20px;
		background-color:#EEEEEE;
	}
	.checkbox {
		margin:3px 3px 3px 0;
		padding:0;
		border:0;
		width:13px;
		height:13px;
	}
	.radio {
		border:0;
		width:13px;
		height:13px;
	}
	.inputHid {
		border:0;
	}


/* 
 * Communs
 */

	.pClear {
		clear:both;
		height:0;
		line-height:0;
		font-size:0;
	}
	.clearBoth {
		clear:both;
	}
	.floatLeft {
		float:left;
	}
	.floatRight {
		float:right;
	}
	.nowrap {
		white-space:nowrap;
	}
	.capitalize {
		text-transform:uppercase;
	}
	pre {
		background-color:#FFFF99;
		color:#FF0000;
		font-weight:bold;
		padding:10px 20px 10px 20px;
		margin:0 0 10px 0;
		white-space:normal;
		font-family:"Times New Roman", Times, serif;
		color:#CC0000;
		font-size:14px;
		font-weight:bold;
	}
	pre p + p {
		margin-top:5px;
	}
	.warn {
		font-weight:bold;
		color:#FFFFFF;
		display:inline;
		background-color:#FF0000;
		padding:2px 5px 2px 5px;
		margin:auto;
		font-size:13px;
	}
	.cnil {
		margin:20px 30px 0 0;
		font-size:11px;
		font-style:italic;
		text-align:justify;
	}

/* 
 * Wysiwyg
 */

	.blocfonds {
		background-color:#EB8000;
		padding:2px;
	}
	.bloctitre {
		font-size:13px;
		padding:5px;
		font-weight:bold;
	}
	.bloctexte {
		background-color:#FFFFFF;
		padding:5px;
	}
	.text_ctt table  {
		width:100%;
	}
	

	#carnet table div {
		float:left;
	}
	#carnet select, #carnet input {
		display:inline;
		margin-right:10px;
		float:left;
	}
	.blocCarnet img {
		margin-right:10px;
		width:100px;
	}
	.blocCarnet img, .blocCarnet div {
		float:left;
	}
	.blocCarnet div {
		width:490px;
		text-align:justify;
	}
	.blocCarnet + .blocCarnet {
		padding-top:20px;
	}
	#carnet td.textebold {
		width:180px;
	}
	#carnet td {
		text-align:left;
	}
	#carnet, .blocCarnet {
		width:600px;
		clear:both;
	}
	#carnet9 div div a, #carnet9 div div a:link, #carnet9 div div a:visited, #carnet9 div div a:active {
		color:#000000;
		text-decoration:none;
	}
	#carnet9 div div a:hover {
		color:#000000;
		text-decoration:underline;
	}
	.categ {
		text-transform:uppercase;
		
	}
	p.categ {
		font-weight:bold;
		font-size:13px;
		color:#ED8001;
		padding:10px 0 20px 0;
	}
	.texte_retour {
		padding-top:20px;
	}
	h1 + .text_ctt {
		margin-top:20px;
	}