/* *****************************************

	WebOrca
	Feuilles de style creees par 
	Caroline DROUIN - Avril 2009
	
	caroline (at) orange.fr
	
***************************************** */

html,body{margin:0;}

body{-x-system-font:none;background:/*#ececec*/ #000000 url('../images/im01-struct01.png') repeat-x;color:#000000;font-family:Arial,Verdana,"Trebuchet MS",sans-serif;font-size:12px;letter-spacing:1px;line-height:1.5;}

a{color:#5e5f5f;text-decoration:none;border-bottom: 1px dashed #ececec;}
a:hover{text-decoration:none;color:#;color:#ff9900;}

/*h1{color:#003399;font-size:20px;font-weight:bold;}*/

h1{font-weight:bold;color:#5e5f5f;font-size:14px;}
	/*h2 .formule{color:#003399;}*/
h2{color:#6699ff;font-size:14px;font-weight:bold;}
h3{color:#000;}
h4{color:#000;text-align:center;}
h5{color:#6699ff;font-size:12px;background:transparent url(../images/im05-puce02.gif) no-repeat 0px 5px;padding-left:10px;}
h6{color:#000;}

img{border:none;}

ul{list-style-image: url(../images/im05-puce02.gif);}

.bold{font-weight:bold;}

.center{text-align:center;}

.rouge{color:#be0202;}
.gris{color:#5e5f5f;}
.orange{color:#ff9900;}
.noir{color:#000000;}

.commentaire{font-size:10px;font-style:italic;}
.commentaire a.invisible{text-decoration:none;color:#747474;}

p.titre{color:#6699ff;font-size:14px;font-weight:bold;}}

a.invisible{text-decoration:none;color:#000000;}
.float-right{float:right;}
.float-left{float:left;}

.bouton{text-align:right;}
.offre{float:right;margin:0 0 10px 10px;}
.pack{float:left;margin:80px 10px 10px 10px;}
.packdescription{margin-left:180px;}


#fondtext{text-align:center;margin-bottom:10px;}

#container{margin:auto;background:#fff;width:900px;min-height:600px;padding:0 20px 20px 20px;}

#banniere{padding:0 10px 10px 0;background:url(../images/im05-fond01.jpg) repeat-x;}
	#banniere img{vertical-align:top;}
	#banniere #logoWebOrca{margin-right:40px;float:left;}
	#banniere #infosPage {
		background:#FFFFFF url(../images/informatique-news.jpg) no-repeat;
		height:45px;
		margin-left:350px;
		padding:20px 160px 100px 30px;
		width:360px;
	}
	#banniere #infosPage h1{color:#fff;font-weight:bold;font-size:18pt;margin-top:7px;}
	
#cadreformule{float:left;background-color:#f8f8f8;border:solid 1px #dfdfdf;width:350px;margin:20px;padding:10px;}
/*#cadrepack{background-color:#f8f8f8;border:solid 1px #dfdfdf;width:600px;margin:20px;padding:10px;}*/
#cadrecontact{background-color:#ececec;border:solid 1px #dfdfdf;width:200px;margin:10px;padding:10px;}

/* --Description --*/
#description{width:500px;margin-left:250px;text-align:justify;margin-bottom:30px;}

/* --Cadre Sommaire et infos--*/
#cadreSommInf{float:left;width:200px;margin-right:20px;margin-bottom:20px;}

/* --Cadre Sommaire --*/
#cadreSommaire{background:#FFFFFF url(../images/im04-fondcontainer.gif) repeat-y;margin-bottom:40px;}
	#cadreSommaireContainer{padding:0 20px 0 20px;margin:0px;font-size:12px;}
		#cadreSommaire ul{color:#ff9900;font-weight:bold;list-style-image: url(../images/im05-puce01.jpg);padding-left:15px;}		
		#cadreSommaire ul li{margin-bottom:20px;}
		#cadreSommaire ul li a{color:#ff9900;text-decoration:none}
		#cadreSommaire ul li a:hover{text-decoration:none;color:#6699ff;}
			#cadreSommaire ul li ul{color:#747474;font-weight:normal;list-style:none;font-size:11px;margin:0px;}
			#cadreSommaire ul li ul li{margin:0px;}
			#cadreSommaire ul li ul a{text-decoration:none;color:#747474;}
			#cadreSommaire ul li ul a:hover{text-decoration:none;color:#6699ff;}
		#cadreSommaire p.cadreSommaireTitre{margin-bottom:0px;margin-top:0px;font-weight:bold;color:#6699ff;}
		#cadreSommaire p.cadreSommaireTitre a{margin-bottom:0px;margin-top:0px;font-weight:bold;color:#6699ff;text-decoration:none;}
	
/* --Cadre Infos--*/
#cadreInfos{float:left;background:#FFFFFF;border:solid 1px #dfdfdf;padding:10px;width:150px;}

	
/* --Cadres bleu --*/		
#cadrepack, #cadrecgv, #cadreContenu{background-color:#f8f8f8;border:solid 1px #dfdfdf;width:600px;padding:10px;margin-left:250px;margin-bottom:40px;min-height:230px;}
#cadreminiat{float:left;background-color:#f8f8f8;border:solid 1px #dfdfdf;width:273px;padding:10px;margin-left:30px;margin-bottom:50px;min-height:150px;}

#cadrepack ul,#cadreminiat ul {color:#747474;}
#cadrecgv ul{font-size:8pt;}

/* --Options --*/		
#cadreoption{background-color:#f8f8f8;border:solid 1px #dfdfdf;width:600px;padding:10px;margin-left:250px;margin-bottom:10px;}
#cadreoption ul {color:#747474;}

/* --Pied de page --*/
#footer{background:#003399 url('../images/im01-struct03.jpg') repeat-x; color:#fff;display:block;padding:15px 0 2px 0;}
	#footer ul{list-style:none;width:900px;margin:auto;}
	#footer ul li{display:inline;border-left:1px solid #fff;padding:0 15px 0px 15px;}
	#footer ul li a{color:#fff;text-decoration:none;border:none;}

	
/* --Formulaires --*/
form p, form span.p{color:#747474;}
form input, form select{width:190px;}
form input.radio, form input.checkbox, form input.textmin{width:20px;}
form textarea{width:350px;height:150px;}
input, textarea, select {
	background-color:#f4f4f6;
	border-color:#FFFFFF #CECECE #CECECE #EC8800;
	border-style: solid;
	border-width:1px 1px 1px 2px;
	color:#F79700;
}
input.valider{width:62px;background-color:#ffffff;border:none;}
form p{margin:0px;border-bottom: 1px dashed #ececec;}
form table {width:480px;}
form table td{padding-bottom:10px;padding-right:10px;}

/* --Tarifs --*/
#tarifs{
	background-color:#ffffff;
	width:250px;
	padding:20px;
	border-color:#F79700;
	border-style: solid;
	border-width:1px;
	color:#F79700;
	font-weight:bold;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
}