body, html, p, form, ul, h1, h2, input, textarea, select{
	font-family: Arial;
	font-size: 16px;
	margin: 0;
	padding: 0;
}

html{
	background:#fff;
}

a{
	color: #00aeef;
}

a img{
	border: none;
}

.clear{
	clear: both;
	height: 7px;
}

.clear20{
	height: 20px;
}

.clear_30{
	height: 30px;
}

.gras { font-weight: bold }
.s20 { font-size: 20px }

.marge3 { height: 30px; }

.spacer {
	clear: both !important;
	font-size: 0 !important;
	line-height: 0 !important;
	float: none !important;
	height: 0 !important;
	width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block !important;
}

.access-layout { display: none; }

#global{
	margin: 0 auto 20px auto;
	padding: 0 5px 20px 5px;
	position: relative;
	width: 985px;
	z-index: 10;
}

.w45p{
	width: 45%;
}

.align_right{
	text-align: right;
}

.align_center{
	text-align: center;
}

form.w45p, .pt60{
	padding-top: 60px;
}

.ajax_bouton_whois{
	display: inline-block;
	margin-top: 5px;
}

.fl-left{
	float: left;
}

.fl-right{
	float: right;
}

h1{
	color: #00aeef;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 36px;
	font-weight: normal;
	padding: 10px 0;
	text-align: center;
}

form{
	border: 1px solid #afafaf;
	margin: 20px auto;
	position: relative;
	padding: 30px 10px 10px 10px;
}

form h2, h2{
	background: #f36c21;
	color: #fff;
	margin: 0;
	padding: 10px;
	position: absolute;
	right: 0;
	top: 0;
}

h2{
	background: none;
	color: #00aeef;
	margin: 20px 0;
	position: relative;
}

input, textarea, select{
	border: 1px solid #bbb;
	float: left;
	padding: 5px;
	width: 200px;
}

input.sans_fl{
	float: none;
}

label{
	float: left;
	padding: 5px 10px 0 0;
	text-align: right;
	width: 200px;
}

label.error{
	display: none !important;
}

.w45p label{
	width: 150px;
}

.w300{
	width: 300px !important;
}

.w100{
	width: 100px !important;
}

.w145{
	width: 145px !important;
}

label.w450{
	width: 450px;
}

label.w500, div.w500{
	width: 500px;
}

div.w500{
	padding-right: 10px;
}

.aide{
	background: #eee url(../images/info.png) no-repeat 5px 8px;
	border: 1px solid #bbb;
	margin: 5px 0;
	padding: 5px 5px 5px 30px;
}

.aide p {
	margin: 12px 0;
}

input.submit, a.bouton{
	background: #00aeef;
	border: 1px solid  #00aeef;
	border-radius: 8px;
	color: #fff;
	display: block;
	float: none;
	font-weight: bold;
	margin: 20px auto !important;
	text-decoration: none;
	text-transform: uppercase;
	width: 130px;
}

input.submit.grand{
	width: 265px;
}

a.bouton{
	display: inline-block;
	font-size: 12px;
	padding: 2px 20px 2px 2px;
	width: auto;
}

a.preremplir{
	background-image: url(../images/comptes.png);
	background-repeat: no-repeat;
	background-position: 245px 50%;
	display: block;
	margin: 0 0 20px 155px !important;
	text-align: center;
	width: 250px;

	/*position: absolute;
	right: 90px;
	top: 80px;*/
}

a.preremplir_compte, a.voir, a.dns, a.renouveler, a.pdf{
	background: url(../images/utiliser.png);
	display: inline-block;
	height: 16px;
	width: 16px;
}

a.pdf{
	background: url(../images/pdf.png);
}

a.dns{
	background: url(../images/dns.png);
}

a.voir{
	background: url(../images/voir.png);
}

a.renouveler{
	background: url(../images/renouveler.png);	
}

.centre{
	text-align: center;
}

.italique { font-style: italic }

.droite {
	text-align: right
}

input[type="checkbox"]{
	border: none;
	margin-top: 8px;
	padding: 0;
	width: 25px;
}

.my_error{
	color: #ff0000;
	width:210px;
}

input.error{
	border-color: #ff0000;
}

input.submit:hover{
	border-color: #bbb;
}

.configure{
	/*border: 1px solid #00aeef;*/
	margin: 20px auto;
	width: 95%;
}

.configure h3{
	/*background: #00aeef url(../images/configure.png) no-repeat 800px 50%;
	color: #fff;*/
	float: left;
	margin: 0;
	padding: 0;
	width: 300px;
}

.configure h3 a{
	color: #fff;
	display: block;
	text-decoration: none;
}

.configure_contenu{
	float: right;
	padding: 0;
	width:610px;
}

.configure_contenu.inactif{
	display: none;
}



/* msg erreur */
#message_info{
	background:#00aeef;
	position: absolute;
	top: 0;
	left: 30%;
	width: 40%;
    padding: 10px;
   	display: none;
   	z-index: 1000000000000000000;
}

#message_texte{
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	padding: 10px 0;
	text-align: center;
}
/* msg erreur */

table{
	border-collapse: collapse;
	margin: 0 auto;
	width: 100%;
}

#contacts_table{
	font-size:12px;
	width: 800px;
}

th{
	background: #afafaf;
	color: #fff;
}

th, td{
	padding: 5px;
}

tr:hover td, table tr:nth-child(2n+1) td{
	background: #eee;
}

tr.total_premier td{
	border-top: 1px solid #00aeef;
}

td.entoure{
	border: 1px solid #00aeef;
}

tr.total td{
	background: #fff !important;
	text-align: right;
}

#cgv input{
	margin-top: 0;
}

#paiement_cb form{
	border: none;
}

#paiement_cb input[type="image"]{
	border: none;
	float: none;
	/*height: 86px;
	width: 300px;*/
}

#menu_compte{
	font-size:12px;
	list-style: none;
	margin: 0 0 0 -10px;
	text-align: center;
}

#menu_compte li{
	display: inline-block;
	margin-left: 10px;
}

#menu_compte a{
	border: 1px solid #00aeef;
	display: block;
	padding: 2px 5px;
	text-decoration: none;
}

#menu_compte a:hover{
	background: #00aeef;
	color: #fff;
}

#zone{
	display: block;
	font-family: "Times New Roman";
	float: none;
	height: 200px;
	margin: 0 auto;
	width: 700px;
}

#ajouter_entree select{
 	width: 90px;
}

#ajouter_entree input, #ajouter_entree select{
	margin-right: 10px;
}

.zone{
	background: #ddd;
	margin: 20px auto;
	padding: 10px;
}

h4{
	margin: 0 auto 10px auto;
	text-align: center;
}

.enteteLiens {
	bottom: -27px;
	position: absolute;
	right: 0;
}

.enteteLiens a {
	background: #00aeef;
	display: inline-block;
	color: #fff;
	line-height: 25px;
	text-align: center;
	text-decoration: none;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	margin: 0 0 0 10px;
	padding: 0 10px;
}

#oubli_mdp{
	margin: 10px 0 10px 160px;
}

#autres{
	margin: 20px 0 5px 0;
}

.barre{
	font-size: 12px;
	text-decoration:line-through;
}

#bandeaux ul{
	list-style: none;
}

.vert{
	color: #9CCF06;
}


/*nouvelle entete*/
/* Header */
.headerContainer {
	border-bottom: 2px solid #00aeef;
	margin-bottom: 10px;
}

.header {
	/*position: relative;
	height: 120px;*/
}

.headerLogo {
	/*position: absolute;
	top: 30px;
	left: 55px;*/
	float: left;
	margin: 0 0 0 55px;
}

.headerLogo h1 {
	font-size: 12px;
	font-weight: normal;
	padding: 0;
	text-align: right;
}

.headerLogo img {
	display: block;
	margin: 0 0 5px 0;
}

.logoTitre {
	display: inline-block;
	margin: 0 10px 0 0;
	font-family: Arial;
}

.headerLiens {
	padding: 5px 20px 10px 0;
	text-align: right;
	color: #959595;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-text-stroke: 1px;
	text-transform: uppercase;
	line-height: 16px;
	height: 16px;
	font-size: 12px;
}

.headerLiens a {
	color: #959595;
	margin: 0 5px;
	text-decoration: none;
}

.headerLiens a:hover{
	text-decoration: underline;
}

.headerLiens a.picto {
	padding-left: 20px;
	background-position: left center;
	background-repeat: no-repeat;
}

.headerLiens a.pictoMonCompte {	background-image: url(../images/picto-moncompte.png) }
.headerLiens a.pictoContact {	background-image: url(../images/picto-contact.png) }
.headerLiens a.pictoAide {	background-image: url(../images/picto-aide.png) }
.headerLiens a.pictoDomaine {	background-image: url(../images/picto-ndd.png) }

/* Menu */
.headerMenu {
	/*position: absolute;
	bottom: 0;
	left: 360px;*/
	float: right;
	margin: 20px 20px 0 0;
}

.headerMenu ul {
	list-style: none;
}

.headerMenu > ul > li {
	float: left;
}

.headerMenu > ul > li > a {
	display: block;
	padding: 0 15px 25px 15px;
	font-size: 22px;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-text-stroke: 1px;
	text-transform: uppercase;
	text-decoration: none
}	

.headerMenu > ul > li:hover > a {
	color: #b5b5b5;
}

.headerMenu > ul > li.avecSousMenu:hover > a {
	background: url(../images/fleche-menu.png) no-repeat center 40px;
}

.headerMenu > ul > li:hover .sousMenu { display: block }

.headerContainer .clear{
	height: 0 !important;
}

.content {
	width: 995px;
	margin: auto;
	position: relative;
}
/*nouvelle entete*/


/*pied de page*/
.fondOrange { 
	background: #555;
	color: #fff; 
}
.fondOrange a { color: #fff }

.footer {
	font-size: 12px;
	padding: 30px 40px;
	width: 915px;
}

.footerContact {
	float: right;
	background: #fff;
	color: #00aeef;
	font-family: 'Source Sans Pro', sans-serif;
	-webkit-text-stroke: 1px;
	font-size: 14px;
	border-radius: 10px;
	padding: 5px 15px;
	text-transform: uppercase;
	text-align: center;
}

.footerContact a {
	color: #00aeef;
}

.footerLogo {
	float: left;
	text-align: right;
	color: #fff;
	font-size: 28px;
}

.footerLogo img {
	display: block;
	margin: 0 0 5px 0;
}

.footerLogoTitre {
	display: inline-block;
	margin: 0 10px 0 0;
}

.footerReseaux {
	float: right;
	margin-top: 20px;
}

.footerReseaux ul {
	list-style: none;
}

.footerReseaux ul li {
	display: inline-block;
	margin: 0 0 0 10px;
}	

.footerReseaux ul li a {
	background: url(../images/logo-reseaux.png) no-repeat;
	width: 30px;
	height: 30px;
	display: inline-block;
}	

.footerReseaux ul li a.twitter { background-position: -30px 0 }
.footerReseaux ul li a.rss { background-position: -60px 0 }	

.footerAgence {
	float: left;
	width: 150px;
	margin: 0 30px 0 0;
}

/* Footer Liens */
.footerLiensContainer {
	border-top: 1px dotted #fff;
}

.footerLiens a{
	text-decoration: none;
}

.footerLiens a:hover{
	text-decoration: underline;
}

.footerLiens {
	font-size: 12px;
	padding: 20px;
	text-align: right;
	width: 955px;
}
/*pied de page*/

.btnPlus {
	width: 58px;
	height: 26px;
	background: url(../images/btn-plus.png) no-repeat 0 0;
	display: block;
	position: absolute;
	top: -26px;
	left: 50%;
	margin: 0 0 0 -29px;
}

.fondOrange .btnPlus { background-position: 0 -26px }

input[type=submit]{
	cursor:pointer;
}


.blocContenu {
	border: 1px solid #00aeef;
	padding: 10px 15px;
	margin: 20px 0;
}

.btn, a.btn {
	display: inline-block;
	padding: 2px 5px;
	border: 1px solid #00aeef;
	text-decoration: none;
	background: #fff;
	vertical-align: middle;
}

.btn:hover, a.btn:hover {
	background: #00aeef;
	color: #fff;
}

.icone {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}

.icone-voir { background: url(../images/voir.png) }
.icone-renouveler { background: url(../images/renouveler.png) }

.blocsAccueil {

}

.blocsAccueil ul {
	list-style: none;
	margin: 30px 0 0 -40px;
	text-align: center;
}

.blocsAccueil ul li {
	display: inline-block;
	margin: 0 0 40px 40px;
	width: 200px;
	vertical-align: top
}

.blocsAccueil ul li a {
	display: block;
	text-decoration: none
}

.blocsAccueil ul li a img {
	display: block;
	margin: 0 auto 10px auto;
}

.paiement1{
	margin: 30px 0;
	float: left;
	padding: 20px;
	border: 2px solid #ccc;
	text-align: center;
	width: 350px;
	margin-right: 50px;
	min-height: 98px;
}

.paiement1 form{
	margin: 0;
	padding: 0;
}

hr.ligne{
	height: 1px;
	margin: 25px auto 0 auto;
	width: 700px;

}