@font-face { font-family: "Carlito"; src: url('CARLITO-REGULAR.TTF');}
@font-face { font-family: "Carlito Bold"; src: url('CARLITO-BOLD.TTF');}
@font-face { font-family: "Mathilde"; src: url('MATHILDE.OTF');}

body {background-color:#f7f7f7; font-family: 'Carlito', Arial, Helvetica, sans-serif; color:#888;   width:100%; height:100%; padding:0px; margin:0px;}
body, div, td {font-size:15px;}
#contenu { width:100%;background:#f7f7f7; }
#header {background:#fff; width:100%; height:100px; z-index:1; }
#header .head {width:1000px; height:100px; margin:auto; position:relative; }

#logo {float:left; margin-top:48px; margin-left:20px; width:192px; height:43px; }
#logoSmall { display:none;}

#pagediapo { height:460px; width:100%;background: url(lib/img/bg_pagetop.jpg) repeat-x;}
#pagediapo div { width:1000px; margin:auto;   }

#pagetop { width:100%; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;
background-image: -webkit-linear-gradient(top,#efefef,#fff);
background-image: -moz-linear-gradient(top,#efefef,#fff);
background-image: -ms-linear-gradient(top,#efefef,#fff);
background-image: -o-linear-gradient(top,#efefef,#fff);
background-image: linear-gradient(top,#efefef,#fff);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff', GradientType=0);
}
#pagetop .top { width:1000px; min-height:460px; margin:auto; padding:30px;  }

#page { width:1000px; margin:auto; margin-top:30px;  }
#footer { m text-align:center; vertical-align:top; border-top:1px solid #ababab;}

#pagetop div ul { margin:0;}
#pagetop div li { list-style-image:url(lib/img/puce.png); margin-bottom:6px;}
#pagetop div li li { margin-bottom:0;}

#pagetop a { color:#666; border-bottom: 1px dotted #999; text-decoration:none; font-size:16px;}
#pagetop a:hover { color:#000000; border-bottom: 1px solid #000; }

#offre-internet {width:300px; text-align:justify; float:left; margin:0 15px 0 15px;}
#demi-left { margin-top:30px; width:50%;  float:left;}
#demi-right { margin-top:30px; width:50%; float:right; text-align:right}

#paveleft, #paveintro {margin-top:30px; float:left; width:300px; text-align:justify; }
#paveblanc {margin-top:30px; float:right; width:600px; border-radius:10px; box-shadow:0px 0px 20px #ddd; background:#fff; padding:20px;}
#paveentier {margin-top:30px; float:left; width:100%; text-align:justify; }

#c-left { width:300px; float:left;}
#c-right { width:650px; float:left; margin-left:50px;}

#titre { border:1px solid #80ba4a; border-radius:10px; width:298px; 
background-image: -webkit-linear-gradient(top,#99cc00,#80ba4a);
background-image: -moz-linear-gradient(top,#99cc00,#80ba4a);
background-image: -ms-linear-gradient(top,#99cc00,#80ba4a);
background-image: -o-linear-gradient(top,#99cc00,#80ba4a);
background-image: linear-gradient(top,#99cc00,#80ba4a);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cc00', endColorstr='#80ba4a', GradientType=0);

}
#titre h2 { color:#fff;  padding-left:20px; }
#titre h2 div {  color:#000; font-size:16px;  font-weight:300; }

input, textarea { border:1px solid #dfdfdf;  color:#888; font-family:'Carlito', Arial, Helvetica, sans-serif; font-size:14px; border-radius:5px;background-color:#f7f7f7; padding:6px; margin-bottom:10px; width:280px; display:block;}
input:focus, textarea:focus { border:1px solid #ccc;background-color:#fff;}

.btn { border:1px solid #80ba4a; color:#000; cursor:pointer; width:100px; font-size:14px; background:#80BA4A;}
.btn:hover {color:#fff;}

.msgerror { color:#FF0000;    }
.msgok { color:#80ba4a;  }

.clear { clear:both;}
/*
a.plus  { font-family:'Mathilde', Arial, Helvetica, sans-serif; font-size:40px; text-decoration:none; color:#666;}
a.plus:hover  {  color:#99cc00;}*/
h1 {font-size:30px; color:#000; font-weight:400; margin:0; padding:0; font-variant:small-caps; margin-bottom:20px;}
h2 { font-size:18px; color:#80BA4A; font-weight:400; margin:0; padding:0;font-variant:small-caps;}
h3 {  color:#80ba4a; font-size:16px; font-weight:400;line-height:18px; font-variant:small-caps; }
h4 { font-size:19px; color:#666; font-weight:400; margin:0; padding:0;font-variant:small-caps;}
b { color:#000000; font-weight:400;}

/*ico metier*/
#metier { width:300px; height:145px; background:url(lib/img/bg_pastille.png) no-repeat bottom left; float:left; margin:0 15px 0 15px;}
#metier a { font-family:'Mathilde', Arial, Helvetica, sans-serif; font-size:40px; text-decoration:none; color:#666;}
#metier a:hover  {  color:#80BA4A;}
#pastille { width:100px; height:100px; border-radius:50px; border:3px solid #dfdfdf; float:left; text-align:center; margin-right:20px;
background-image: -webkit-linear-gradient(top,#fff,#e5e5e5);
background-image: -moz-linear-gradient(top,#fff,#e5e5e5);
background-image: -ms-linear-gradient(top,#fff,#e5e5e5);
background-image: -o-linear-gradient(top,#fff,#e5e5e5);
background-image: linear-gradient(top,#fff,#e5e5e5);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',  endColorstr='#e5e5e5', GradientType=0);
}


#connectBar { position:relative; }
#connect {background:#000; border-radius:0 0 10px 10px;  padding:5px 0px 0px 0px; display:block; width:100px; height:30px; position:absolute; top:0; right:0; text-align:center;  }
#connect a { color:#FFFFFF; text-decoration:none; cursor:pointer; position:relative; top:4px; }
#connect a:hover {color:#80BA4A;}

#connectclose, #connectpass {margin-top:4px;}

#login {background:#000; border-radius:0 0 10px 10px;  padding:5px 0px 0px 5px; display:none; position:absolute; top:0; right:0; height:30px; }
#login input { width:100px; border-radius: 4px;  margin-right:5px; font-size:12px; border:none; padding:4px; color:#999; height:16px; background-color:#f2f2f2;}
#login input:focus { background-color:#fff;}
#login .connect { background:#80BA4A; color:#000; font-size:14px; cursor:pointer; height:24px;  padding-top: 2px; }
#login .connect:hover { color:#fff;}
#login a { color:#999999; text-decoration:none;}
#login a:hover { color:#fff;}
#login div { float:left; }

#errorid {top:10px; position:absolute; right:500px; display:block; }

a.croix { opacity:0.5; margin-left:20px;margin-right:10px; cursor:pointer;}
a.croix:hover { opacity:1;}

#bienvenue {width:540px; height:35px; float:right;}
#bienvenue input { border:none; background:none; cursor:pointer; color:#CCCCCC; width:100px; height:20px; border-radius:none; padding: 0px; position:relative; top:-20px;}
#bienvenue input:hover { color:#80BA4A;}
#bienvenueSmall { display:none;}


/* nav */
#nav { position:absolute; top:40px; right:0; }
#nav ul li:hover > ul {	display: block;}

#nav ul li {	float: left;	  margin-left:5px;list-style: none;	position: relative; }
#nav ul li a {	display: block; color:#000;font-size:14px;text-decoration: none; padding:8px 15px 8px 15px; white-space: nowrap;}
#nav ul li a:hover {	 color:#80BA4A;}
#nav ul ul {display: none;position: absolute; top: 100%; left:0px;	background:#fff; box-shadow:0px 0px 5px #bbb;  border-radius:8px; margin:0; padding:0; z-index:1000;}
#nav ul ul li a { font-size:12px; text-align:left; padding-left:5px;}


/*FENETRE*/
#fenetre { border:1px solid #ccc;background-color:#FFFFFF; box-shadow:0 0 5px #ccc; width:100%; border-collapse:0; border-spacing:0px; color:#888;}
#fenetre div { background-color:#FFFFFF; text-align:left; }
#fenetre .titre  {background-image:linear-gradient(#fff, #e5e5e5); text-align:left;padding:5px 10px 5px 10px;}

/* TABLO */
#tablo { background-color:#FFFFFF; width:100%; border-collapse:0; border-spacing:0px;}
#tablo td {border-bottom:1px solid #eee; text-align:left; padding:5px 10px 5px 10px; }
#tablo th {border-bottom:2px solid #ccc; text-align:left;padding:5px 10px 5px 10px; color:#000; font-weight:normal;}
#tablo tr {color:#888;}
#tablo tr:hover { background-color:#80BA4A; color:#000000;}


/* diapo big  */
#diapo-big {
overflow:hidden; height: 460px;
position:relative;}
#diapo-big .nivo-directionNav {
	opacity:0;
	z-index: 100;
	-webkit-transition: opacity 500ms ease-out;  
	-moz-transition: opacity 500ms ease-out;  
	-o-transition: opacity 500ms ease-out;  
	-ms-transition: opacity 500ms ease-out;  
	transition: opacity 500ms ease-out;
}
#diapo-big .nivo-controlNav {
	position:absolute;
	padding:0;
	bottom: 5px;
	right: 10px;
	z-index: 100;
}
#diapo-big .nivo-controlNav a {
	position:relative;
	display:inline-block;
	margin-left: 5px;
	color:transparent;
	width: 20px;
	height: 20px;
	border-radius:10px;
	
	background-color: #b3b3b3;
	-webkit-transition: all 500ms ease-out;  
	-moz-transition: all 500ms ease-out;  
	-o-transition: all 500ms ease-out;  
	-ms-transition: all 500ms ease-out;  
	transition: all 500ms ease-out;
}
#diapo-big .nivo-controlNav a.active {
	background-color: #80BA4A;
}


.icon {
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding-bottom: 3px;
    padding-left: 12px;
    padding-top: 2px;
	font-size:13px !important;
	color:#666;
	font-weight:normal;
	float:right;
	margin:0 5px 0 5px;
	font-variant:normal;
	border-bottom:none;
	}
.icon-add { background-image:URL(lib/img/ico_add.png);}
.icon-upload { background-image:URL(lib/img/ico_upload.gif); padding-left:20px;}
.icon-annuaire { background-image:URL(lib/img/ico_annuaire.png); padding-left:20px;}

.nopuce li { list-style:none; list-style-type:none; list-style-image:none !important; margin-left:-40px;}