/**
 *	CSS GLOBAL pour la structure generale du site
 *	fichier : content.css
 *	date de creation : 13 mars 2008
 *	auteur : Michel Harry
 *
 */
 
 /* import gobal setting */
	@import "global.css";
	

 /* 8 bonne raison */
 #bonne-raison{ 
	padding:10px 0px;
	font-family:Arial, Helvetica, sans-serif;
 }
 	
 	#bonne-raison h1{
		font-size:22px;
		color:#FF6600;
		margin:10px 0px;
	}
	#bonne-raison table{
		background-color:#F4F4F4;
	}
		#bonne-raison .raison 
			{
				font:bold 12px Arial, Helvetica, sans-serif;
				color:#003366;
				width:25%;
				border:1px solid white;
				padding:3px;
				vertical-align:middle;
			}
		#bonne-raison .support 
			{
				vertical-align:text-top;
				padding:5px;
				border-bottom:1px solid white;
				font:normal 12px Arial, Helvetica, sans-serif;
				color:#335687;	
			}
	
 /* mode de paiement, politique */
 #mode-paiement, #politique-termen-service{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
 }
 
 	#mode-paiement h1, #politique-termen-service h1, #recrutement h1, #question-reponses h1, #serveur-dedies  h1{
		font-size:22px;
		color:#FF6600;
		margin:10px 0px;
	}
	#mode-paiement h2 ,#politique-termen-service h2{
		color:#335687;
		font-size:18px;
		text-indent:10px;
	}
	#mode-paiement p, #politique-termen-service ul , #politique-termen-service p, #serveur-dedies p{
		line-height:20px;
		text-align:justify;
		width:97%;
		margin:0px auto;
		color:#345686;
	}
	
	#mode-paiement div#rib{
	}
		div#rib div.bloc,div#rib div.bloc-1 {
			text-align:center;
			border-top:1px solid #CCCCCC;
			padding:5px;
			color:#345686;
		}

		div#rib div.bloc-1 { 
			text-align:left;
		}
			div#rib div.bloc-1 table{
				display:block;
				margin:5px auto;
				background-color:#F5F5F5;
				text-align:center;
				border:1px solid #B5B5B5;
				color:#345686;
			}
			div#rib div.bloc-1 table td{
				vertical-align:middle;
				padding:5px;
				border:1px solid white;
			}

		#politique-termen-service h2 { margin:5px auto;}
		#politique-termen-service ul {
			color:#345686;
			padding-left:10px;
		}
			#politique-termen-service ul a{
				font:bold 12px Arial, Helvetica, sans-serif;
				text-decoration:none;
				color:#FF6600;
				text-decoration:none;
			}
			#politique-termen-service ul a:hover{
				text-decoration:underline;
			}
			#politique-termen-service ul li{
				list-style-type:circle;
				list-style-position:inside;
			}
			
	/* page recrutement */
	#recrutement {}
		#recrutement #offre-emploi { 
			float:left; width:50%;
			color:#345686;
			font:normal 12px Arial, Helvetica, sans-serif;
		}
			#offre-emploi h4{
				font:bold 14px Arial, Helvetica, sans-serif;
				margin:10px auto;
			}
			#offre-emploi p{ 
				margin:10px auto; 
				
			}
		#recrutement #question-reponses-recrutement { 
			float:right; width:40%;
			background-color:#F9F9F9;
			margin:10px 0px;
			padding:5px;
			color:#335687;
			font-family:Arial, Helvetica, sans-serif;
		}
			#question-reponses-recrutement h3{
				margin-bottom:15px;
				border-bottom:1px solid #335687;
				padding-bottom:5px;
				font-size:14px;
			}
			
			#question-reponses-recrutement h5{
				font-size:13px;
			}
			
			#question-reponses-recrutement p{
				font-size:12px;
				margin:5px auto;
				color:#003366;
				text-align:justify;
			}
			
/* foire aux questions */
#question-reponses {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#003366;
	line-height:20px;
	padding-bottom:15px;
}
 #question-reponses ul li {
 	list-style-position:inside;
	list-style-type:circle;
	padding-left:5px;
	margin:5px auto;
 }
	ul.menu-faq {
		margin:10px auto;
		line-height:18px;
	}
		ul.menu-faq li{
			list-style-position:inside;
			list-style-type:disc!important;
			padding:0px!important;
			margin:0px!important;
		}
			ul.menu-faq a,	ul.menu-faq a:active {
				text-decoration:none;
				color:#335687;
			}
			ul.menu-faq a:hover{
				text-decoration:underline;
				color:#988AA9;
			}
	#question-reponses p a{
		font:normal 12px Arial, Helvetica, sans-serif;
		color:#FF6600;
	}
	a.faq-menu {
		font:normal 10px Verdana, Arial, Helvetica, sans-serif;
		color:#0066CC;
	}
	
	#question-reponses h3 {
		font:bold 14px Arial, Helvetica, sans-serif;
		margin:5px auto;
		color:#46B169;
	}
	
/* serveur dedié */

#serveur-dedies {
	font:normal 12px Arial, Helvetica, sans-serif;
}