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

== 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://site.com/
* Fluide[ ] | Fixe[x]
* Largeur de la page: 	xxx px
* Nombre de colonnes: 	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)
* 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 **/
/*********************************************************/
/*
# Couleur 1 : Noir	: #000
# Couleur 2 : Blanc	: #fff
# Couleur 3 : Rouge	: #ff0000
# Couleur 4 : Vert	: #00ff00
# Couleur 2 : Bleu	: #0000ff
*/

									  /*********************/
									 /* Règles générales **/
/*********************************************************/
/*hacks*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body{
	background: 				#fff1c6 url(_images/bg.jpg) repeat-x;
	color:						#000;
	font-family:				verdana, sans-serif;
	font-size:					62.5%;
	line-height: 				1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {

}

/*fin des hacks*/

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

/* Titres */
h1{
	color:#900000;
	font-weight:bold;
	font-size: 18px;
}
#admin-middle h1{
	padding:0 0 5px 0;
	margin: 0 0 10px 0;
	font-size: 16px;
	font-weight: normal;
	border-bottom:1px solid #7c0000;
	color:#7c0000;
}
#admin-middle h1 a{
	color:#000;
	font-weight: normal;
	text-decoration: underline;
}

#admin-middle h2{
	background-color: #7c0000;
	width:auto;
	line-height: 20px;
	color:#fff;
	text-indent: 20px;
}
#admin-middle a{
	text-decoration: none;
	color:#7C0000;
	font-weight: bold;
}
#admin-middle a:hover{
	color:#000;
	text-decoration: underline;
}
#admin-middle ol li{
	padding:5px;
	list-style-position: inside;
}
.inscription2 a{
	color:#900000;
	text-decoration: none;
	height:30px;
	line-height: 30px;
	width:450px;
	margin:0 auto 10px auto;
	font-weight: bold;
	color:#900000;
	border:1px dotted #900000;
	background-color: #fff;
	text-align: center;
	display:block;
}
.inscription2 a:hover{
	color:#000;
}
h3{}
h4{}
h5{}
h6{}

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


/* 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;
}
*/
										   /****************/
										  /* Formulaires **/
/*********************************************************/
/*
form{
}
form p{
	margin:						2px 0;
	padding:					0;
}
fieldset{
	border:						1px solid #ccc;
	padding:					2%;

}
legend{
	padding:					0 10px;
}
label{
	background-color:			#eee;
	color:						#000;
	display:					block;
	width:						45%;
	float:						left;
	margin-right: 				1%;
	padding-right:				1%;
	text-align:					right;
}
input.checkbox{}
input.radio{}
input.text{
	padding:					1px;
	width:						50%;
}
input.password{
	padding:					2px;
	width:						50%;
}
input.submit,
input.button,
input.reset{
	cursor: 					pointer;
}
textarea{}
*/


											/***************/
										   /* 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{
	border-bottom: 1px dotted #ddbb51;
	padding:5px;
}
											 /**************/
											/* Structure **/
/*********************************************************/
#main{
	font-size: 					1.2em;
	margin:						0 auto;
	width:						950px;
}
	#header{
  		height:					178px;
		width:					950px;
		background:				#fff url(_images/header.jpg) no-repeat;
	}
	#header a{
  		height:					178px;
		width:					950px;
		display: 				block;
	}
	#center{
   		width:					950px;
	}
	.menu{
  		float:					left;
  		width:					.px;
  	}
  	#content{
  		float:					left;
  		width:					950px;
	}
	#content #admin-top{
		height:					10px;
		width:					950px;
		background:				#fff url(_images/admin-top-bottom.png) no-repeat top;
	}
	#content #admin-middle{
		width:					910px;/*950-40*/
		background:				#fff url(_images/admin-middle.png) repeat-y;
		padding:				20px;
	}
	#content #admin-bottom{
		height:					10px;
		width:					950px;
		background:				#fff url(_images/admin-top-bottom.png) no-repeat bottom;
	}
#footer{
	height:						134px;
	width:						950px;
	text-align: 				center;
	background:				#fff url(_images/footer.jpg) no-repeat;
}
.rouge-gras{
	color:#ff290f;
	font-weight: bold;
}
.charte{
            background-color:#7C0000;
            color:#ffffff;
            line-height:20px;
            font-weight:bold;
            text-decoration: blink;
            margin-top:20px;
            text-align:center;
            border: medium double #fff;
        }
.erreur{
	color:#000;
	padding:5px 20px;
	color:#ff290f;
}
.info{
            font-size:10px;
            color:#666;
        }
											/***************/
										   /* 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;
}

											/***************/
										   /* 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;
}*/
.film{
	float: left;
	color: #090909;
	width: 126px;
	height: 198px;
	padding: 4px;
}
.titre{
	color:#900000;
	font-size: 10px;
	text-align: center;
	width: 126px;
	height: 20px;
	display: block;
	overflow: hidden;
}
.inout{
	color:#900000;
	font-size: 10px;
	text-align: center;
	width: 126px;
	height: 10px;
	display: block;
	overflow: hidden;
}
.inout span{
	font-weight: bold;
}
.addFavoris{
	float: right;
	width: 125px;
	height: 134px;
	padding: 4px;
}
.manageSite{
	float: right;
	width: 84px;
	height: 134px;
	padding: 4px;
}
.addSite{
	float: right;
	width: 126px;
	height: 134px;
	padding: 4px;
}
        /*formulaire*/
        label{
          color:#9b3144;
          font-weight:bold;
		  background-color:inherit;
          text-align:left;
          display: block;
        }
        table{
          width:750px;
          border-collapse:collapse;
          margin-left:auto;
          margin-right:auto;
          margin-bottom: 10px;
        }
/*table { border-collapse:collapse; width:90%; margin:auto; overflow: visible;  margin-bottom: 10px; }*/
#codes td { padding:5px; text-align:left;}
#codes tr { border:1px solid #969696; }
#codes tr:hover { background-color:#E1E1E1; }
#codes textarea{
  width: 460px;
  height: 50px;
  background-color: #EBEBE4;
  border: 1px #525252 solid;
  font-size: 12px;
}
.input-code{
  width: 460px;
  background-color: #EBEBE4;
  border: 1px #525252 solid;
  font-size: 12px;
  padding:2px;
  margin:2px 0;
}

.pub{
	padding: 15px 0px;
	clear:both;
}