/* CSS Document */

/*---------------- structure de base ----------------*/
* { margin:0; padding:0; }
body { background:url(images/bg.gif) top repeat-x; font-size:100%; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#7a7a7a; }

.site_center {text-align:center; background:url(images/bg_border.png) repeat-y center; }
.main { width:1000px; margin:0 auto; text-align:left; border-left:solid 1px #FFFFFF; border-right:solid 1px #FFFFFF; background:#FFFFFF; overflow:hidden }
.min_width {width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1000)? "1000px" : "100%"); min-width:1000px; }


/*---------------- general ----------------*/
img {border:0; vertical-align:top; text-align:left;}
ul { list-style:none; }

p { text-align:justify; margin:0 0 17px 0; padding:0 }
.intro { font-weight:bold; }

a { color:#4f4f4f; text-decoration:underline }
a:hover{ text-decoration:none; }
.link { color:#0077bc; }

.col_1, .col_2, .col_3, .col_box_1, .col_box_2 { float:left; }
.column, .fleft { float:left; }
.fright { float:right; }

.clear { clear:both; }

.input { height:14px; }
textarea { overflow:auto; display:block; }
.input, textarea, select { border:1px solid #a4a4a4; color:#4f4f4f; font-size:11px; padding:2px; }
label { cursor:pointer; text-decoration:none; }
label:hover { text-decoration:underline; }

.error { border:1px solid #990000; background:#FFCC99; color:#990000; padding:10px; margin-bottom:20px; }
.separate { background:url(images/x.gif) repeat-x center; height:40px; }

/*================ STRUCTURE ================*/

/*---------------- header ----------------*/
.header { height:350px; width:100%; }
.header .col_1 { width:650px; height:350px; padding:0; margin:0; /*background:url(images/bandeau.jpg) no-repeat center bottom;*/ }
.header .col_2 { width:350px; height:350px; padding:0; margin:0; }

/*---------------- subheader ----------------*/
.subheader { width:100%; background:url(images/bg_subheader.gif) no-repeat center top #eff1f5; line-height:1.06em; margin:1px 0 0 0; }
.subheader .indent { padding:15px 50px 10px 50px; }
.subheader .title{ margin-bottom:15px;}
.subheader .img { float:left; margin-right:50px; }
.subheader ul { display:block; float:left; width:350px; padding-top:5px; }
.subheader ul li { background:url(images/puce.gif) no-repeat left 5px; padding:5px 0 25px 20px; font-size:16px; font-variant:small-caps; }
.subheader a { text-decoration:none; }
.subheader a:hover { text-decoration:underline; }

/*---------------- footer ----------------*/
.footer { background:#AAAAAA; width:100%; border-top:1px solid #FFFFFF; }
.footer .indent { padding:30px 50px 30px 50px; color:#ffffff; font-size:11px; }
.footer .col_1 { float:left; }
.footer .col_2 { float:right; }
.footer a { color:#ffffff; text-decoration:none; }
.footer a:hover { text-decoration:underline; }

/*---------------- contenu ----------------*/
.content { background:#FFFFFF; margin:1px 0 0 0; width:100%; }
.content .col_1 { width:649px; background:url(images/bg_content.gif) repeat-x top #FFFFFF; border-right:1px solid #FFFFFF; }
.content .col_2 { width:348px; background:url(images/bg_col.gif) repeat-x top #f1f4f9; border:0; color:#444444; }
.content .indent { padding:50px 50px 50px 50px; }
.content .title{ display:block; margin-bottom:20px; }


/*================ CONTENU DES PAGES ================*/

/*---------------- orsenna.com ----------------*/
#page0 .header .row1 { height:100px; }
#page0 .header .row1 .img1 { float:left; margin:10px 0 0 50px; }
#page0 .header .row1 .img2 { float:left; margin:30px 0 0 0; }
#page0 .header .row1 .img3 { float:right; margin:40px 50px 0 0; }
#page0 .header .row1 .img4 { float:right; margin:40px 20px 0 0; }
#page0 .header .row2 { height:150px; }

#page0 .subheader .col1, #page0 .subheader .col2, #page0 .subheader .col3 { float:left; width:250px; text-align:center; }
#page0 .subheader .col1, #page0 .subheader .col2 { margin-right:70px; }

#page0 .content { background:url(images/bg_content.gif) repeat-x top #FFFFFF; }

#page0 .content .indent { padding:50px; }
#page0 .content .txt { margin-bottom:50px; }
#page0 .content .txt .img { float:right; margin:0 0 0 50px; }

#page0 .content .bulle { float:left; width:250px; cursor:pointer; }
#page0 .content .col1, #page0 .content .col2 { margin-right:75px; }

#page0 .content .titre { font-weight:bold; color:#0066CC; font-size:14px; text-align:center; }

/*---------------- index.php ----------------*/
#page1 .content .col_1 .img { margin:0 0 20px 0; }


/*---------------- boutique.php ----------------*/
#page2 .content .col_1 .row1,
#page2 .content .col_1 .row2 { margin-bottom:60px; }
#page2 .content .col_1 .check { float:left; width:30px; padding-top:5px; }
#page2 .content .col_1 .txt { float:left; width:300px; font-size:12px; padding-top:5px; }
#page2 .content .col_1 .txt strong { font-size:14px; }
#page2 .content .col_1 .prx { float:right; width:200px; margin-bottom:10px; text-align:right; }
#page2 .content .col_1 .pan { float:right; }
#page2 .content .col_1 .separate { height:20px; }

#page2 .content .col_2 .prx { padding:10px; border:1px dotted #CCCCCC; text-align:center; color:#FF0000; font-weight:bold; font-size:28px; }
#page2 .content .col_2 .first { margin-bottom:20px; }
#page2 .content .col_2 .last {  }

#page2 .content .col_2 .row { margin:0 0 20px 0; }
#page2 .content .col_2 .imgleft { float:left; margin:0 40px 20px 0; }
#page2 .content .col_2 .imgright { float:right; margin:0 0 20px 40px; }
#page2 .content .col_2 .titre { margin:0 0 10px 0; text-transform:uppercase; font-weight:bold; color:#FF6600; font-size:18px; }
#page2 .content .col_2 .txt { float:left; width:250px; }
#page2 .content .col_2 ul { margin:0 0 17px 0; padding:0; }
#page2 .content .col_2 ul li { background:url(images/puce.gif) no-repeat bottom left; padding:7px 0 0  20px; }

/*---------------- components.php ----------------*/
#page10 .content .col_1 .titre { margin:0 0 10px 0; text-transform:uppercase; font-weight:bold; color:#FF6600; font-size:18px; }
#page10 .content .col_1 ul { margin:0 0 17px 0; padding:0; }
#page10 .content .col_1 ul li { background:url(images/puce.gif) no-repeat bottom left; padding:7px 0 0  20px; }


/*---------------- telechargements.php ----------------*/
#page3 .content .col_1 .col_box_1 { margin-right:25px; }
#page3 .content .col_1 .row { margin-bottom:20px; }
#page3 .content .col_1 .input { width:255px; }
#page3 .content .col_1 select { width:257px; }


/*---------------- support.php ----------------*/
#page4 .content .col_1 .row1 { margin:0 0 50px 0; }
#page4 .content .col_1 ul { margin:0 0 17px 0; padding:0; }
#page4 .content .col_1 ul li { background:url(images/puce.gif) no-repeat top left; padding:0 0 7px 20px; }
#page4 .content .col_1 .separate { margin-bottom:17px; }


/*---------------- panier.php ----------------*/
#page5 .content .col_1 .ind { width:527px; padding:10px; margin:5px 0 20px 0; border:1px dotted #CCCCCC; }
#page5 .content .col_1 .empty { padding:20px; text-align:center; }
#page5 .content .col_1 .titre { text-transform:uppercase; font-weight:bold; color:#FF6600; display:block; padding-top:20px; }

#page5 .content .col_1 .ref { float:left; width:65px; padding:5px; }
#page5 .content .col_1 .des { float:left; width:150px; padding:5px; }
#page5 .content .col_1 .qte { float:left; width:65px; padding:5px; text-align:right; }
#page5 .content .col_1 .prx { float:left; width:80px; padding:5px; text-align:right; }
#page5 .content .col_1 .tot { float:left; width:80px; padding:5px; text-align:right; }
#page5 .content .col_1 .sup { float:left; width:25px; padding:5px; text-align:right; }
#page5 .content .col_1 .qte select { width:45px; text-align:center; }

#page5 .content .col_1 .line { background:#FFFFFF; cursor:pointer; }
#page5 .content .col_1 .line:hover { background:#F3F3F3; }

#page5 .content .col_1 .line .qte {  }
#page5 .content .col_1 .line .des { font-weight:bold;  }
#page5 .content .col_1 .line .prx {   }
#page5 .content .col_1 .line .tot {  }

#page5 .content .col_1 .total1 { float:left; width:250px; padding:5px; text-align:right; }
#page5 .content .col_1 .total2 { float:left; width:250px; padding:5px; text-align:right; }


/*---------------- compte.php ----------------*/

	/*---------------- insert_connexion.php ----------------*/
	.content .connexion .row1 { margin-bottom:20px; }
	.content .connexion .row1 .row { margin-bottom:20px; }
	.content .connexion .row3 p { text-align:center; }
	.content .connexion .input { width:244px; }

	/*---------------- inscription / identifiants / informations ----------------*/
	#page6 .content .col_1 .titre { text-transform:uppercase; font-weight:bold; color:#FF6600; display:block; padding-top:20px; }
	#page6 .content .col_1 .ind { width:527px; padding:10px; margin:5px 0 20px 0; border:1px dotted #CCCCCC; }
	
	#page6 .content .col_1 .ind1 { float:left; width:250px; padding:0 23px 0 0; }
	#page6 .content .col_1 .ind2 { float:left; width:250px; }
	#page6 .content .col_1 .row { margin-bottom:10px; }
	#page6 .content .col_1 .input { width:245px; }
	#page6 .content .col_1 textarea { width:520px; height:28px; }
	#page6 .content .col_1 select { width:250px; }
	
	/*---------------- commandes ----------------*/
	#page6 .content .col_1 .empty { padding:20px; text-align:center; }
	#page6 .content .col_1 .dat { float:left; width:60px; padding:5px; }
	#page6 .content .col_1 .ref { float:left; width:140px; padding:5px; }
	#page6 .content .col_1 .tot { float:left; width:80px; padding:5px; text-align:right; }
	#page6 .content .col_1 .pai { float:left; width:80px; padding:5px; text-align:center; }
	#page6 .content .col_1 .liv { float:left; width:80px; padding:5px; text-align:center; }
	
	#page6 .content .col_1 .cancel { float:left; width:160px; text-align:center; color:#CCCCCC; }
	#page6 .content .col_1 .ok { color:#00CC00; }
	#page6 .content .col_1 .ko { color:#FF0000; }
	
	#page6 .content .col_1 .line { background:#FFFFFF; cursor:pointer; }
	#page6 .content .col_1 .line:hover { background:#F3F3F3; }
	
#page6 .content .col_1 .titre {  padding-top:20px; }
#page6 .content .col_1 .first {  padding-top:10px; }


/*---------------- contact.php ----------------*/
#page7 .content .col_1 .col_box_1 { margin-right:20px; }
#page7 .content .col_1 .row { margin-bottom:20px; }
#page7 .content .col_1 .input { width:250px; }
#page7 .content .col_1 textarea { width:265px; height:179px; }

	.content .contact .img { margin:0 0 20px 0; }


/*------------------ facture ------------------*/
#page8 { text-align:center; background:#FFFFFF; }
#page8 .main { width:600px; padding:20px; margin:0 auto 0 auto; border:solid 1px #AAAAAA; background:#FFFFFF; color:#000000; text-align:left; }

#page8 .header { margin:0 0 40px 0; }
#page8 .header img { float:left; margin:0 20px 0 0; }
#page8 .header p { float:left; margin:30px 0 0 0; padding:0; }

#page8 .content { min-height:780px; }
#page8 .content .row1 { margin:0 0 20px 0; }
#page8 .content .row1 .col1 { width:50%; font-weight:bold; }
#page8 .content .row1 .col2 { width:50%; text-align:right; font-weight:bold; }

#page8 .content .row2 { margin:0 0 20px 0; }
#page8 .content .row2 .client { width:560px; padding:20px; border:1px dotted #666666; }
#page8 .content .row2 .client p { padding:0; margin:0 }

#page8 .content .row3 { margin:0 0 20px 0; }
#page8 .content .row3 .detail1 { width:560px; padding:20px; border:1px dotted #666666; }
#page8 .content .row3 .detail2 { border:1px solid #AAAAAA; margin:0 0 20px 0; }
#page8 .content .row3 .titre { font-size:12px; font-weight:bold;  }
#page8 .content .row3 .ref { float:left; width:60px; padding:5px; }
#page8 .content .row3 .des { float:left; width:200px; padding:5px; }
#page8 .content .row3 .qte { float:left; width:78px; padding:5px; text-align:right; }
#page8 .content .row3 .prx { float:left; width:80px; padding:5px; text-align:right; }
#page8 .content .row3 .tot { float:left; width:80px; padding:5px; text-align:right; }

#page8 .content .row3 .col1 { width:180px; padding:30px 0 0 0; font-weight:bold; text-align:center; }
#page8 .content .row3 .col2 { width:340px; text-align:right; font-weight:bold; }
#page8 .content .row3 .col2 .total1 { float:left; width:150px; padding:5px; text-align:right; }
#page8 .content .row3 .col2 .total2 { float:left; width:170px; padding:5px; text-align:right; }

#page8 .content .row4 { margin:0 0 40px 0; }

#page8 .footer { margin:0 0 0 0; font-size:10px; text-align:center; }