body{
	margin: 0px ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	background: #266fa4 url(/images/bg.png) repeat-y center top;
	color:#373737;
}

a{
	color:#24689B;
	text-decoration:none;
	font-weight:bold;
}

.externalLink{
color:gray;	
}

/*TEXTE EN HAUT DU SITE*/
p#headerText{
	background: #4697d4;
	margin: 0 ;
	text-align: center ;
	color: #fff ;
	font-size:0.85em;
	padding:10px;
	width:100%;
}

/*TEXTE EN BAS DU SITE*/
p#footerText{
	background: #4697d4;
	margin: 0 ;
	text-align: center ;
	color: #fff ;
	font-size:0.85em;
	padding:10px;
	width:100%;
}

/*CONTENEUR GENERAL*/
#conteneur{
	width: 991px ;
	margin: 0 auto ;
	text-align: left ;
	background: url(/images/middle.png) repeat-y left top;
}

/*Wrappeur colonne/contenu*/
#wrap{
	overflow:hidden;
	/*debut des modifications */
	/*position : relative;*/
	z-index : 0;
	/*fin des modifs */
} 

/*Colonne de gauche*/
#colonne{
	margin:0 25px 0 25px;
	padding:5px;
	width:172px;
	height:626px;
	float:left;
	background: url(/images/left.png) no-repeat left top;
}

.codeur {
	padding-top:0px !important;
}

.codeur img {
	width:10px;
	height:10px;
}

.titreNews{
	color:#808080;
}

.commander .titre1{
	padding:65px 30px 0 35px;
	color:#fff;
	text-transform:uppercase;
	font-size: 1em ;
	font-weight:800;
	text-decoration:none;
	display:block;
}
.commander .titre3{
	padding:10px 30px 0 35px;
	color:#fff;
	text-transform:uppercase;
	font-size: 1em ;
	font-weight:800;
	text-decoration:none;
	display:block;
}
.commander .titre2{
	padding:5px 10px 0 5px;
	color:#fff;
	font-size: 0.8em ;
	text-decoration:none;
	line-height:12px;
	display:block;
}
.commander #button{
	position:relative;
	left:10px;
	top:12px;
	background:url(/images/orderButton.png) no-repeat left bottom;
	width:140px;
	height:24px;
	text-align:center;
	display:block;
	color:#850636;
	font-size: 0.85em;
	font-weight:800;
	text-decoration:none;
}
.commander #button span{
	color:#fff;
	font-size: 0.75em ;
	position:relative;
	top:-6px;
	text-decoration:none;
}

#network{
	position:absolute;
	padding:18px 10px 0 5px;
	width:120px;
}
.lineNetwork{
	position:relative;
	height:8px;
}
#network .titre1{
	padding:10px 0 0 0;
	color:#fff;
	text-transform:uppercase;
	font-size: 1em ;
}
#network p{
	position:relative;
	top:-33px;
	left:90px;
	color:#fff;
	font-size:0.8em;
	width:50px;
}

#search{
	position:relative;
	padding:20px 5px 10px 5px;
	height:35px;
	background: url(/images/search.png) no-repeat left bottom;
}
#search span{
	padding:0 0 0 0;
	color:#fff;
	text-transform:uppercase;
	font-size: 1em ;
	font-weight:800;
}
#search2{
	padding:7px;
}
#search3 a{
	position:absolute;
	left:130px;
	top:43px;
	color:#fff;
	text-decoration:none;
	font-size:0.9em;
}

/*CONTENU CENTRAL*/
#contenu{
	margin:0px 25px 0 25px;
	margin-left:220px;
}

#contenu h1{
	color:#cb510f;
	font-size:1.3em;
	text-transform:uppercase;
}

#contenu h2 a{
	color:#1a74b6;
	font-size:0.8em;
	text-decoration:none;
}

#contenu h2 a span{
	color:#888;
	font-size:0.7em;
	text-decoration:none;
}

#contenu h3 a{
	color:#1a74b6;
	font-size:0.75em;
	text-decoration:none;
	padding:0;
}

#contenu #subTitle{
	padding:15px;
	background:#e1e9f9;
	color:#34679E;
	font-size:1em;
	-moz-border-radius-topleft : 12px;
	-moz-border-radius-topright : 12px;
	-moz-border-radius-bottomleft : 0;
	-moz-border-radius-bottomright : 0;
	text-transform:uppercase;
}

#contenu #subTitleNews{
	min-height:140px;
	padding:15px;
	background:#e1e9f9;
	color:#34679E;
	font-size:0.9em;
	-moz-border-radius-topleft : 12px;
	-moz-border-radius-topright : 12px;
	-moz-border-radius-bottomleft : 0;
	-moz-border-radius-bottomright : 0;
}

#contenu #subTitleNews object{
padding:15px;
float:left;
}

#contenu #subTitle2{
	padding:15px;
	background:#fdf1dd;
	color:#cb510f;
	font-size:1em;
	-moz-border-radius-topleft : 12px;
	-moz-border-radius-topright : 12px;
	-moz-border-radius-bottomleft : 0;
	-moz-border-radius-bottomright : 0;
}

#contenu #grayRound{
	padding:15px;
	background:#f2f2f2;
	color:#404040;
	font-size:1em;
	-moz-border-radius-topleft : 12px;
	-moz-border-radius-topright : 0;
	-moz-border-radius-bottomleft : 0;
	-moz-border-radius-bottomright : 12px;
}

#contenu #whiteRound{
	padding:15px;
	background:#ffffff;
	color:#404040;
	font-size:1em;
	-moz-border-radius-topleft : 12px;
	-moz-border-radius-topright : 0;
	-moz-border-radius-bottomleft : 0;
	-moz-border-radius-bottomright : 12px;
}

#etapeTitle{
	color:#888;
	font-size:1em;
	padding:10px;
	text-transform:uppercase;
}

/*PARTIE HAUTE*/
#top{
	position:relative;
	padding:5px;
	background: url(/images/top.png) no-repeat left top;
	height:320px;
}

/*Logo*/
#logo{
	position:absolute;
	left:16px;
	top:10px;
}
#logo a:hover, #logo a:focus {
  -moz-transform: rotate(-4deg); 
  -webkit-transform: rotate(-4deg);
}

/*Slogan haut*/
#slogan{
	position:absolute;
	left:275px;
	top:18px;
	color:darkblue;
	text-transform:uppercase;
	font-size:1em;
	width:380px;
}



/*****************************MENU*************************/
/*menu principal*/
#menu{
	position:absolute;
	top:56px;
	left:260px;
	z-index:1000;
}

/*niveau 1*/
#menu ul li{
	width: 100px ;
	height:20px;
	float: left ;
	border-bottom:1px solid #fff;
}
#menu ul li a{
	width: 100px ;
	height:20px;
	display: block ;
	background: url(/images/menu.png) no-repeat left top;
	text-align:center;
	color:#850636;
	text-decoration:none;
	font-size:0.9em;
}

/*niveau 3 et plus*/
#menu ul ul ul li{
	position:relative;
	left:100px;
	top:-20px;
}

#menu ul li ul li a{
	background:#ef8f00;
	text-align:center;
	color:#fff;
}

/*Niveau 1*/
#menu ul{ list-style-type: none; padding: 0 ; }
/*cacher tous les ul enfants*/
#menu ul ul{ display:none; }
/*survol niveau 1 : afficher les ul enfant */
#menu ul li:hover ul{ display:block; }
/*survol niveau 1 : cacher les ul petit enfant */
#menu ul li:hover ul ul{ display:none; }
/*survol niveau 2 : afficher les ul enfant */
#menu ul ul li:hover ul{ display:block; }
/*survol niveau 2 : cacher les ul petit enfant */
#menu ul ul li:hover ul ul{ display:none; }
/*survol niveau 3 : afficher les ul enfant */
#menu ul ul ul li:hover ul{ display:block; }
/*survol niveau 3 : cacher les ul petit enfant */
#menu ul ul ul li:hover ul ul{ display:none; }

/*machin clignotant*/
#menu .clignotant{
background: url(/images/menu24.gif) no-repeat left top;
}

/*****************************LOGIN*************************/
#login{
	position:absolute;
	left:665px;
	top:10px;
	background: url(/images/login.png) no-repeat left top;
	width:304px;
	height:50px;
	color:darkblue;
	text-transform:uppercase;
}
#login1{
	position:absolute;
	left:20px;
	top:8px;
	font-size:0.80em;
}
#login2{
	position:absolute;
	left:125px;
	top:8px;
	font-size:0.80em;
}
#login3{
	position:absolute;
	left:24px;
	top:24px;
}
#login4{
	position:absolute;
	left:127px;
	top:24px;
}
#login5 a{
	position:absolute;
	left:220px;
	top:23px;
	color:#4697D4;
	text-transform:uppercase;
	text-decoration:none;
	font-size:0.85em;
}

/*voki personnage flash*/
#blonde{
	position:absolute;
	left:24px;
	top:100px;
}

/*Banni�re*/
#banniere{
	position:absolute;
	left:170px;
	top:100px;
}
#banniere .titre1{
	position:relative;
	top:-170px;
	left:115px;
	color:#fff;
	width:670px;
	text-transform:uppercase;
	font-size: 1em ;
	font-weight:800;
	display: block ;
}
#banniere .titre2{
	width:770px;
	position:relative;
	top:-187px;
	left:10px;
	color:#fff;
	font-size: 0.75em ;
	font-weight:800;
	display: block ;
}

/*domaine*/
#domaine{
	position:absolute;
	left:24px;
	top:236px;
	background: url(/images/domaine.png) no-repeat left top;
	width:137px;
	height:47px;
	color:#3265A1;
	font-size: 0.75em ;
	padding:2px;
	font-weight:600;
	line-height:10px;
	text-align:center;
}
#domaine1{
	position:absolute;
	left:20px;
	top:25px;
}
#domaine2 a{
	position:absolute;
	left:112px;
	top:29px;
	color:#fff;
	text-decoration:none;
	font-size:1.1em;
}

/*titre*/
#titre{
	padding:7px;
	position:absolute;
	left:20px;
	top:285px;
}
#titre .titre1{
	color:#3265A1;
	text-transform:uppercase;
	font-size: 1em ;
	font-weight:800;
}
#titre .titre2{
	color:#4596D3;
	font-size: 0.75em ;
	font-weight:800;
}

/*PARTIE BASSE*/
#prestation{
	position:relative;
	left:25px;
	top:4px;
	width:942px;
	height:200px;
	background: url(/images/cadre1.png) no-repeat left bottom;
}

#prestationContent{
	position:absolute;
	left:55px;
	width:850px;
	overflow:hidden;
	height:150px;
}

#prestationLeft{
	position:absolute;
	top:100px;
	left:20px;
}

#prestationRight{
	position:absolute;
	top:100px;
	right:20px;
}

#bottom{
	padding:15px 5px 10px 5px;
	background: url(/images/bottom.png) no-repeat left bottom;
	text-align: center ;
}

/****************************home page****************************/
#homeCadre{
	position:relative;
	left:0px;
	top:0px;
}
/*debut de la modif*/
/*
#homeCadre1{
	position:absolute;
	left:5px;
	top:0px;
	width:228px;
	height:259px;
	background: url(/images/homeCadre1.png) no-repeat left bottom;	
}
*/	
	

#homeCadre1{
	position:absolute;
	left:5px;
	top: 5px;
	width:228px;
	height:200px;
	background : url(/images/homeCadre1.png) 0px -3px no-repeat #EDF2F9;
	-moz-border-radius :0px 0px 15px 15px;
	-webkit-border-radius : 0px 0px 15px 15px;
	-khtml-border-radius: 0px 0px 15px 15px;
	border-radius : 0px 0px 15px 15px;
	behavior: url(http://www.natice.fr/inc/site/border-radius.htc);
}

/*
#homeCadre2{
	position:absolute;
	left:265px;
	top:0px;
	width:228px;
	height:259px;
	background: url(/images/homeCadre2.png) no-repeat left bottom;
}
*/

#homeCadre2{
	position:absolute;
	left:265px;
	top: 5px;
	width:228px;
	height:200px;
	background : url(/images/homeCadre2.png) 0px -3px no-repeat #EDF2F9;
	-moz-border-radius :0px 0px 15px 15px;
	-webkit-border-radius : 0px 0px 15px 15px;
	-khtml-border-radius: 0px 0px 15px 15px;
	border-radius : 0px 0px 15px 15px;
	behavior: url(http://www.natice.fr/inc/site/border-radius.htc);
}
/* fin de la modif */
#homeCadre3{
	position:absolute;
	left:520px;
	top:20px;
	width:229px;
	height:295px;
	background: url(/images/cadre2.png) no-repeat left bottom;
}

#homeCadre4{
	position:absolute;
	left:520px;
	top:330px;
	width:229px;
	height:295px;
	background: url(/images/cadre2.png) no-repeat left bottom;
}
/*debut de la modif*/
/*
#homeCadre5{
	position:absolute;
	left:7px;
	top:265px;
	width:482px;
	height:362px;
	background: url(/images/homeCadre3.png) no-repeat left bottom;
}*/
#homeCadre5{
	position : absolute;
	left : 5px;
	top : 317px;
	width : 488px;
	min-height : 309px;
	max-height : 309px;
	background : #EDF2F9;
	-moz-border-radius :15px;
	-webkit-border-radius : 15px;
	-khtml-border-radius: 15px;
	border-radius : 15px;
	behavior: url(http://www.natice.fr/inc/site/border-radius.htc);
}
/*fin de la modif */

/*Modification par Lucien le 14/09/10 */
/*
#homeCadre1_bis{
	position:absolute;
	left:5px;
	top: 5px;
	width:228px;
	height:200px;
	background : url(/images/homeCadre1.png) 0px -3px no-repeat #EDF2F9;
	-moz-border-radius :0px 0px 15px 15px;
}

#homeCadre2_bis{
	position:absolute;
	left:265px;
	top: 5px;
	width:228px;
	height:200px;
	background : url(/images/homeCadre2.png) 0px -3px no-repeat #EDF2F9;
	-moz-border-radius :0px 0px 15px 15px;
}
*/
#homeCadre6{
	position : absolute;
	left : 5px;
	top : 211px;
	width : 488px;
	min-height :100px;
	max-height : 100px;
	background : #EDF2F9;
	text-align : center;
	-moz-border-radius :15px;
	-webkit-border-radius : 15px;
	-khtml-border-radius: 15px;
	border-radius : 15px;
	behavior: url(http://www.natice.fr/inc/site/border-radius.htc);
}

#homeCadre6 h3{
	color : #3265A1;
	position : relative;
	top : -5px;
}

#homeCadre6 p{
	color:#3265A1;
	font-size:0.95em;
	line-height:12px;
	font-weight : bold;
}

#homeCadre6 a{
	color:#123650;
}
/*
#homeCadre5_bis{
	position : absolute;
	left : 5px;
	top : 317px;
	width : 488px;
	min-height : 309px;
	max-height : 309px;
	background : #EDF2F9;
	-moz-border-radius :15px;
}

#homeCadre5_bis p{
	padding:10px;
	color:#3265A1;
	font-size:0.95em;
	line-height:16px;
	position : relative;
	top : -10px;
}

.homeCadreTitle_bis {
	color:#3265A1;
	font-size:1.2em;
	padding : 5px;
	text-align:left;;
	position : relative;
	top : 17px;
	left : 84px;
}

.homeCadreTitle_bis span{
	color:#4697D4;
	font-size:0.85em;
	text-align:center;
}

.homeCadreText_bis {
	color:#3265A1;
	font-size:0.75em;
	padding:5px;
	text-align : center;
	position : relative ;
	top : 19px;
}

.homeButton_bis {
	padding:1px;
	width:213px;
	height:31px;
	background: url(/images/homeButton.png) no-repeat left bottom;
	text-align:center;
	position:relative;
	left:8px;
	top : 10px;
}

.homeButton_bis a{
	font-size:0.95em;
	color:#850636;
	text-decoration:none;
	line-height:10px;
	position:relative;
	top:7px;
}

.homeButton_bis a span{
	color:#fff;
	font-size:0.75em;
}

*/
/* FIN des modifications */


/*debut de la modif */

#homeCadre5 p{
	padding:10px;
	color:#3265A1;
	font-size:0.95em;
	line-height:16px;
	position : relative;
	top : -10px;
	/*text-align:justify;*/
}
/*
#homeCadre5 p{
	padding:10px;
	color:#3265A1;
	font-size:0.95em;
	line-height:16px;
	position : relative;
	top : -10px;
}
/*fin de la modif */


#homeCadre5 a{
	color:#123650;
}

/*debut de la modif*/
/*
.homeCadreTitle {
	color:#3265A1;
	font-size:1.2em;
	padding:25px 5px 5px 80px;
	text-align:center;
}

.homeCadreTitle span{
	color:#4697D4;
	font-size:0.85em;
	text-align:center;
}

.homeCadreText {
	color:#3265A1;
	font-size:0.75em;
	padding:10px;
}

.homeButton {
	padding:1px;
	width:213px;
	height:31px;
	background: url(/images/homeButton.png) no-repeat left bottom;
	text-align:center;
	position:relative;
	left:8px;
}

.homeButton a{
	font-size:0.95em;
	color:#850636;
	text-decoration:none;
	line-height:10px;
	position:relative;
	top:7px;
	
.homeButton a span{
	color:#fff;
	font-size:0.75em;
}
}*/

.homeCadreTitle {
	color:#3265A1;
	font-size:1.2em;
	padding : 5px;
	text-align:left;;
	position : relative;
	top : 17px;
	left : 84px;
}

.homeCadreTitle span{
	color:#4697D4;
	font-size:0.85em;
	text-align:center;
}

.homeCadreText {
	color:#3265A1;
	font-size:0.75em;
	padding:5px;
	text-align : center;
	position : relative ;
	top : 19px;
}

.homeButton{
	padding:1px;
	width:213px;
	height:31px;
	background: url(/images/homeButton.png) no-repeat left bottom;
	text-align:center;
	position:relative;
	left:8px;
	top : 10px;
}

.homeButton a{
	font-size:0.95em;
	color:#850636;
	text-decoration:none;
	line-height:10px;
	position:relative;
	top:7px;
}

.homeButton a span{
	color:#fff;
	font-size:0.75em;
}
/*fin de la modif*/


.ongletTitle {
	color:#850636;
	font-size:1.2em;
	padding:5px 0 7px 15px;
	font-weight:800;
	text-align:center;
	width:200px;
}

.sousCadre1 {
	position:relative;
	left:7px;
	width:213px;
	height:86px;
	background: url(/images/cadre4.png) no-repeat left bottom;
}

.sousCadre1 img{
	position:absolute;
	padding:4px 0 0 5px;
	border:0px;
}

.sousCadre1 .titreCadre{
	padding:2px;
	position:absolute;
	left:87px;
	color:#EB9300;
	font-size:0.9em;
}

.sousCadre1 .texteCadre{
	padding:3px;
	position:absolute;
	left:87px;
	top:20px;
	color:#8C1E3B;
	font-size:0.70em;
	line-height:9px;
	width:110px;
}

.sousCadre1 .texteCadre span{
	color:#EB9300;
	position:absolute;
	top:51px;
}

.infoText {
	position:absolute;
	left:-125px;
	color:#c0c0c0;
	display:none;
	padding:4px;
	width:125px;
	z-index:3000;
	background: url(/images/bulle.png) no-repeat left top;
}

.infoText span{
	padding:0 20px 0 0;
	text-transform:none;
	font-size:0.75em;
	line-height:12px;
	z-index:3010;
	position:relative;
}

.sousCadre2 {
	float:left;
	position:relative;
	top:20px;
	width:140px;
	height:113px;
	background: url(/images/cadre3.png) no-repeat left bottom;
	text-align:center;
}

.sousCadre2 img{
	position:absolute;
	padding:3px 0 0 3px;
	border:0px;
	top:28px;
	left:10px;
}

.sousCadre2 .textCadre{
	padding:2px;
	top:5px;
	color:#000;
	font-size:0.85em;
}

.sousCadre2 .urlCadre{
	position:relative;
	top:-4px;
	color:#888;
	font-size:0.75em;
}

.sousCadre2cat {
	float:left;
	top:20px;
	width:140px;
	height:113px;
	background: url(/images/cadre3.png) no-repeat left bottom;
	text-align:center;
}

.sousCadre2cat img{
	position:relative;
	padding:3px 0 0 3px;
	border:0px;
	top:10px;
	left:-2px;
}

/*******************************************FORMULAIRE************************************************/
input{
	background:#fff;
	border:1px solid #c0c0c0;
}
input:focus, input:hover{
	background:#fff;
	border:1px solid #858585;
}

textarea{
	background:#fff;
	border:1px solid #c0c0c0;
}
textarea:focus{
	background:#fff;
	border:1px solid #858585;
}

/*disponibilit� de nom de domaine*/
#domainList{
	width:650px;
	border-spacing:0px;
	font-size:1.1em;
	border-collapse:collapse;
}

#domainList td{
	padding:5px;
	margin:5px;
}

#domainListTitle{
	background:#eaeaea;
}

#domainListData{
	font-size:0.95em;
}

#domainLoader{
	position:relative;
	left:290px;
	top:150px;
	padding:5px;
	color:#DA3214;
	font-size:0.8em;
	border:1px solid #eaeaea;
	width:150px;
	background:#F4F4F4;
}

/*R�f�rence*/
#reference{
	float:left;
	width:200px;
	padding:10px 20px 10px 10px;
}

#newsRss{
	position:absolute;
	right:15px;
	top:25px;
	width:180px;
}

#newsRss a{
	color:#EC6C2B;
	font-size:0.8em;
	text-decoration:none;
	line-height:13px;
}

#ariane{
	color:#777;
	font-size:0.8em;
}

#ariane a{
	color:#888;
	font-size:1em;
	text-decoration:none;
}

/* RESEAUX SOCIAUX */
#social{
	position:fixed;
	margin-left:967px;
	margin-top:50px;
	padding:11px 0 0 2px;
	top:80px;
	width:40px;
	height:197px;
	background: url(/images/socialBg2.png) no-repeat;
}

#socialActus {
	position:relative;
	padding:0;
	left:-51px;
	width:40px;
	height:197px;
	background: url(/images/socialActusBg.jpg) no-repeat;
}

.socialPic{
	border:0px;
	padding:3px 5px 2px 8px;
}

.required
{
	color:#DF0D0D;
}