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

== 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 ]

== 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 **/
/*********************************************************/
/*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%;
}
body{
    background:#f4f6f8 url(img/bg.jpg) repeat-x top;
	color:						#333;
	font-family:				verdana;
	font-size:					12px;
	line-height: 				1.5;
}
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 {
	border-collapse: collapse;
	border-spacing: 0;
}

/*fin des hacks*/

img{
	border:						0px;
}
.clear{
	padding: 0 0 0 20px;
	clear:						left;
}

/* Titres */
h1{
    color:#0841b4;
    padding:0px;
    margin:0 0 20px 0;
    border-bottom:1px solid #d9c7ba;
    font-weight: normal;
    font-size: 18px;
}
h2{
    color:#6F3701;
    padding:10px;
    margin:20px 0 10px 0;
    font-size: 16px;
    font-weight: normal;
    border-bottom:1px solid #D9C7BA;
    width:75%;
}
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{}
											 /**************/
											/* Structure **/
/*********************************************************/
#header-extended{
    height:434px;
    width: 100%;
    background:url(img/header-extended.jpg) no-repeat center top;
}
#header{
	width:					946px;
    margin:                 0 auto;
	height:					395px;
    position:               relative;
}
#logo{
    display:block;
    height:90px;
    width:610px;
    float:left;
    text-indent: -10000px;
    position:absolute;
}
#account{
    height:90px;
    width:336px;
    float:right;
    position:relative;
}
#account #login-infos{
    position:absolute;
    color:#fff;
    top:75px;
    right:36px;
    font-size: 10px;
    margin:0;
    padding:0;
}
#account p{
    margin:35px 0 0 25px;
    text-align: left;
}
#account a{
    color:#fff;
}
#identifiant{
    position:absolute;
    top: 42px;
    width: 140px;
    border: none;
    background: transparent;
    left: 15px;
    color:#6f3701;
}
#identifiant input, #password input{
    border:0;
    height:16px;
    width:140px;
    margin:2px 0 0 0;
}
.access{
    display: block;
    position:absolute;
    top: 58px;
    width: 26px;
    height: 26px;
    left: 305px;
    color: #00bdd4;
    background:#6f3701;
    line-height: 26px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
}
a.access:hover{
    color:#fff;
}
#password{
    position:absolute;
    top: 42px;
    width: 140px;
    border: none;
    background: transparent;
    left: 160px;
    color:#6f3701;
}
#identifiant label, #password label{
    font-size: 9px;
}
#box-slider{
    position:absolute;
    width:614px;
    height:276px;
    top:109px;
    left:8px;
    background: aqua;
}
#services{
    width:316px;
    height:276px;
    position:absolute;
    right:8px;
    top:109px;
    font-size: 12px;
}
#services div{
    color:#6f3701;
    font-size: 18px;
    text-align: center;
    padding: 0;
}
#services ul{
    list-style-type: none;
    padding:0 0 0 4px;
}
#services ul li{
    background: url(img/puce-header.gif) 10px 21px no-repeat;
    padding:10px 0 3px 20px; 
    color:#6F3701;
}
#services ul li strong{
    font-size: 12px;
    color:#020200;
}
#nav{
	width:					905px;
    margin:                 0 auto;
    height:38px;
}
#nav ul{
	list-style: none;
    width:100%;
    height:38px;
}
#nav ul li{
    line-height: 38px;
    float:left;
}
#nav ul li a{
	color:#333;
    font-size: 13px;
    display:block;
    height:38px;
    float:left;
    padding:0 25px;
    text-decoration: none;
    
}
#nav ul li a:hover{
    color:#fff;
    background: #63390f;
}
#center, #contenu_mvep{
	width:					946px;
    margin: 20px auto 0;
}
#footer-extended{
    width:100%;
    height:129px;
    background: url(img/footer-extended.jpg) repeat-x;
    clear:both;
}
#footer{
	width:					    100%;
    height:						129px;	
	text-align: 				center;
    background: url(img/footer.jpg) no-repeat center;
    position:relative;
    text-align: center;
}
#footer ul{
    position:relative;
    top:91px;
    
}
#footer ul li{
    display:inline;
    color:#000000;
    padding:0 15px;
    
}
#footer ul li a{
    color:#000000;
    font-size: 10px;
    text-decoration: none;
}
#footer ul li a:hover{
    text-decoration: underline;    
}

#getpassword{
    display: block;
    width: 120px;
    height: 20px;
    position: absolute;
    top: 75px;
    left: 650px;
}
											/***************/
										   /* 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;
}

.home-col{
    float:left;
    margin:0 10px;
}
.home-col ul{
    list-style-type: none;
}
.home-col ul li{
    border-bottom:2px solid #d4c7b7;
    color:#000000;
    padding:10px 0;
    clear:both;
    line-height: 18px;
}
.home-col ul li strong{
    color:#6f3701;
    font-size: 12px;
}
.home-col ul li.facebook{
    background: url(img/facebook.jpg) no-repeat left;
    height:69px;
    padding-left:80px;
    position:relative;
}
.home-col li.packs-prepayes{
    background: url(img/packs-prepayes.jpg) no-repeat left 10px;
    padding-left:90px;
    position: relative;
}
.home-col li.idees-cadeaux{
    background: url(img/idees-cadeaux.jpg) no-repeat 15px 10px;
    padding-left:90px;
    position: relative;
}
.home-col li.packs-prepayes a, .home-col li.idees-cadeaux a{
    color:#ff6800;
    font-weight: bold;
    font-size: 14px;
    right: 0;
    position:absolute;
    background: url(img/puce-2-content.gif) no-repeat 100px center;
    padding:0 0 0 30px;
    width:150px;
    text-align: right;
}
.home-col ul li.facebook .more{
    text-decoration: underline;
    position:absolute;
    top:60px;
    right:20px;
    background: url(img/puce-content.gif) no-repeat left center;
    padding-left:10px;
}
.home-col ul li a{
    font-size: 11px;
    color:#2f77ba;
    text-decoration: none;
}
.home-col ul.home-promos li{
    border:0;
    float:left;
    margin:0;
    padding:1px;
    clear:none;
}
.home-col h2{
    color:#0841b4;
    font-size: 17px;
    font-weight: normal;
    padding:0 0 10px 0;
    border-bottom:2px solid #d4c7b7;
    background: none;
    margin:0;
}
.home-col-1{width:285px;}
.home-col-2{width:285px;}
.home-col-3{width:310px;}

.objet-perso, .tirage-photo{
    height:251px;
    width:296px;
    background: url(img/objet-perso.jpg) no-repeat left center;
    position:relative;
    float:left;
    margin:9px;
}
.objet-perso .right, .tirage-photo .right{
    position:absolute;
    height:206px;
    width:186px;
    right:1px;
    background: #fff;
    top:1px;
    text-align: center;
}
.objet-perso h3, .tirage-photo h3{
   color:#6f3701;
   font-size: 14px;
   font-weight: normal;
   text-align: center;
}
.objet-perso img, .tirage-photo img{
    padding:10px 0;
}
.objet-perso .price, .tirage-photo .price{
    position:absolute;
    font-size: 24px;
    text-align: center;
    height:56px;
    width:108px;
    top:1px;
    left:1px;
    line-height: 56px;
    color:#fff;
    font-weight: normal;
    text-shadow:0 0 5px #3c6f7e;
}
.objet-perso p, .tirage-photo p{
    position:absolute;
    padding:0;
    margin:0;
    height:183px;/*193-10*/
    width:98px;/*108-10*/
    top:57px;
    left:1px;
    text-align: left;
    padding:5px;
    color:#000;
    line-height: 14px;
}
.tirage-photo p{
    font-size: 9px;
    text-align: center;
}
.objet-perso a, .tirage-photo a{
    position:absolute;
    height:43px;
    width:186px;
    display:block;
    text-align: center;
    line-height: 43px;
    bottom:1px;
    right:1px;
    color:#6f3701;
    font-size: 18px;
}
.tirage-photo small{
    position:absolute;
    top:-20px;
    left:5px;
    color:#acdee9;
    font-size: 9px;
    text-shadow:0 0 5px #6abcd2;
}
.tirage-photo span{
    position:absolute;
    top:20px;
    left:65px;
    font-size: 9px;
    color:#acdee9;
    text-shadow:0 0 5px #6abcd2;
}
.tirage-left{
    width:626px;
    float:left;
}
.tirage-etapes{
    list-style-type: none;
    margin:18px 0 0 0;
}
.tirage-etapes li{
    background: url(img/tirage-etapes.jpg) left top no-repeat;
    height:30px;
    width:167px;
    line-height: 30px;
    float:left;
    color:#fff;
    text-indent: 30px;
    margin:0 10px 0 0;
}
.tirage-etapes li.disabled{
    background-position:left bottom;
}
.tirage-etapes li.last{
    width:148px;
}
.tirage-box{
    border:1px solid #d9c7ba;
    background: url(img/tirage-top.jpg) top no-repeat;
    padding:70px 0 0 0;
    font-size: 10px;
}
.tirage-box p{
    color:#003e6b;
    font-size: 10px;
    padding: 10px;
}
.tirage-box label{
    color:#898b91;
    padding:0 0 0 10px;
}
.tirage-box ul{
    list-style-type: none;
    margin:20px 0 0 20px;
}
.tirage-box ul li{
    color:#6f3701;
    font-size: 10px;
    line-height: 18px;
}
.tirage-bottom{
    background: url(img/tirage-bottom.gif) top repeat-x;
    width:100%;
    height:43px;
    line-height: 43px;
    margin:20px 0 0 0;
}
.autre-transfert{
    color:#ffffff;
    font-size: 12px;
    padding:0 0 0 30px;
}
.transfert{
    color:#6f3701;
    font-size: 18px;
    padding:0 0 0 235px;    
}
.tirage-right{
    float:left;
    margin:0 0 0 20px;
    width:270px;
}
.tirage-right ul{
    list-style-type: none;
    color:#56585c;
    line-height: 18px;
}
.tirage-right ul li{
    font-size: 12px;
    margin:0 0 25px;
}

/****/

#transfert p{
    font-size: 12px;
    line-height: 1.6em;
    
}
#transfert a{
    background:#63390F;
    float:right;
    padding:10px;
    font-weight: bold;
    -moz-border-radius:5px;
    -webkit-border-radius: 5px;
    text-decoration: none;
    font-size: 16px;
}
#transfert a:hover{
    background: #2f1b07;
}
.photogenie-left{
    float:left;
    width:595px;
    color:#56585c;
    font-size: 12px;
}
.photogenie-left p{
    color:#000000;
}
.marron{
    color:#6f3701;
    font-size:14px;
    padding: 0 0 0 20px;
}


#bottom_clear{
	padding-top: 40px;
}

a.nounderline:link
{
	text-decoration:none;
}

.photogenie-telecharger{
    height:44px;
    text-decoration:none;
    width:100%;
    text-align: right;
    background: url(img/photogenie-telecharger1.jpg) left top ;
}
.photogenie-telecharger a{
    color:#FFFFFF;
    font-size: 18px;
    
    line-height: 44px;
    padding:0 10px 0 0;
}
.photogenie-right{
    float:right;
    width:325px;
    background: url(img/bg-photogenie.jpg) left top no-repeat;
}
.photogenie_Promo{
	float:right;
	width:325px;
	margin-bottom:15px;
}
.photogenie-right ul{
    padding:80px 0 0 0;
}
.photogenie-right li{
    list-style: none;
    color:#000000;
    margin:0 0 25px 0;
    line-height: 18px;
    font-size: 12px;
}
.photogenie-right li strong{
    color:#0095a7;

}
.photogenie-bleu{
    border:1px solid #6f3701;
}
.photogenie-bleu p{
    color:#6f3701;
    line-height: 14px;
}

.partenariat{
        float:right;
	font-size:12px;
	color:#000000;
}