@charset "UTF-8";
/* CSS Document */
* { margin: 0; padding: 0; }

body {
	color: #000000;
	font: 12px/18px Verdana, Tahoma, Helvetica, Arial;
	background-color: #e7e7e7;
}

/* global */
p { 
	line-height:1.1;
}

/*
p:first-letter
{
padding-left: 30px;
} 
*/

.clear { clear:both; }	
.left { float:left; }
.right { float:right; }
.center { text-align: center; }
.strong { font-weight: bold; }

img , img a {
	border: none;
	text-decoration: none;
}

#ntr a {
	border: none;
	text-decoration: none;	
	margin-left:auto;
	margin-right:auto;
}

a {
	text-decoration: none;
}

/* nav */
#nav ul {
	width: 880px;
	height: 30px;
	position: relative;
	margin: 0 auto;
	padding-top: 10px;
	list-style: none;
	text-align: center;
}

#nav ul li {	
	color: #FFFFFF;
	height: 30px;
	padding: 3px 20px 3px;
	font-size: 1.333em;
	list-style: none;
	list-style-position: inside;
	position: relative;
	display: inline;
	text-shadow: 0 1px 0 #999999;
	background: transparent url(../images/nav_separate.png) top left repeat-y;
}

#nav ul li:first-child {
	background: transparent none;
}

#nav ul li a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 3px 12px 5px 17px;
	margin-left: 5px;
}

#nav ul li a.over , #nav ul li a.unique {
	color: #FFFFFF;
	text-decoration: underline;
	background-color: #fbbb46;
	text-decoration: none;
	-webkit-border-radius: 7px 7px 7px 7px !important;
	-moz-border-radius: 7px 7px 7px 7px !important;
}


#nav ul li a.actived {
	color: #FFFFFF;
	text-decoration: underline;
	background-color: #fbbb46;
	text-decoration: none;
	-webkit-border-radius: 7px 7px 7px 7px !important;
	-moz-border-radius: 7px 7px 7px 7px !important;
}

#nav ul li a.actived:hover {
	-webkit-border-radius: 7px 7px 0 0 !important;
	-moz-border-radius: 7px 7px 0 0 !important;
}

#nav ul li a.unique:hover {
	-webkit-border-radius: 7px 7px 7px 7px !important;
	-moz-border-radius: 7px 7px 7px 7px !important;
}

#nav ul li ul {
	left: 25px;
	width: 170px;
	height: auto;
	font-weight: normal;
	position: absolute;
	visibility: hidden;
	opacity: 0;
	list-style: none;
	padding-top: 7px !important;
	padding-bottom: 7px !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin: 0 !important;
	background-color: #fbbb46 !important;
	background-image: none !important;
	-webkit-border-radius: 0px 7px 7px 7px !important;
	-moz-border-radius: 0px 7px 7px 7px !important;
	z-index: 1000 !important;
}

#nav ul li ul li {
	width: 170px !important;
	display: list-item;
	background-image: none !important;
	background-color: #fbbb46;
	height: auto !important;
	padding: 0 !important;
	text-indent: 18px;
	margin: 0 !important;
	border: 0 !important;
	border-top: 1px solid #FED58B !important;
	border-bottom: 1px solid #E4970D !important;
	color: #fae60a;
	font-size: 0.75em;
	float: left;
}

#nav ul li ul li:first-child {
	border-top: none !important; 
	background-color: #fbbb46 !important;
}

#nav ul li ul li:last-child {
	border-bottom: none !important;
}

#nav ul li ul li a {
	cursor: pointer;
	text-align: left;
	display: block !important;
	float:left;
	color: #FFFFFF;	
	line-height: 2em;
	text-decoration: none;
	text-transform: capitalize !important;
	width: 100% !important;
	height: auto !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	background-image: none !important;
	text-shadow: none;
}

#nav ul li ul li a:hover {
	color: #A5071E;
	text-shadow: none;
	background-color: #F5A51A;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
}

/* title */
#title h1,
#title-contenu h1{
	color: #FFFFFF;
	font-size: 1.333em;
	font-weight: bold;
	padding: 7px 0 0 16px;
}

/* content */
.content h2 , .content-cont h2, .inner h2 {
	color: #f4a518;
	font-size: 1.333em;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 5px;
	text-transform: uppercase;
	border-bottom: 1px dashed #CCCCCC;
}

.content h2 span, .content-cont h2 span, .inner h2 span {
	color: #888888;
	font-size: 0.75em;
	font-weight: normal;
	text-transform: none;
	padding-top: 1px;
	float: right;
	text-align: right;
	display: inline;
}

.content h2 span a, .content-cont h2 span a , .inner h2 span a {
	color: #888888;
	text-decoration: underline;
}

.content h2 span a:hover , .content-cont h2 span a:hover, .inner h2 span a:hover {
	text-decoration: none;
}

.content h3 , .content-cont h3 , .inner h3 {
	color: #B92230;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 5px;
	clear: both;
}

.content p , .content-cont p , .inner p {
	line-height: 1.3em;
	color: #000000;
	margin-bottom: 5px;
	text-align:justify;
}

.content p a , .content-cont p a , .inner p a {
	color: #b82230;
	text-decoration: underline;
}

.content p.plus , .content-cont p.plus , .inner p.plus {
	margin-top: 10px;
	float: right;
}

.content p.justifyright{
	text-align:right;
}

.content p a:hover, .content-cont p a:hover, .inner p a:hover {
	color: #b82230;
	text-decoration: none;
}

.content img, .content-cont img, .inner img {
	margin: 0 10px 4px 0;
	padding: 5px;
	border: 1px solid #EEEEEE;
	clear: both;
}

.content ul, .content-cont ul{
	margin:0 0 0 20px;
}

.content ul li, .content-cont ul li{
	
}

.content ul li a, .content-cont ul li a{
	text-decoration:underline;
	color:black;
}

.content ul li a:hover, .content-cont ul li a:hover{
	text-decoration:none;
	color:#b82130;
}

.content hr, .content-cont hr {
	height: 1px;
	border-top: 1px solid #EEEEEE;
	border-bottom: none;
	margin-bottom: 10px;
	clear: both;
}

.inner hr {
	height: 1px;
	border-top: 1px dashed #CCCCCC;
	border-bottom: none;
	margin-bottom: 10px;
}


.highlight {
	padding: 5px;
	border: 1px solid #fde6be;
	background-color: #fef3e1;
}

/* calender */
#datepicker {
	width: 150px;
	margin-left: 0 !important;
	font-size:70%;
	background-color: #FFFFFF;
}

/* sidebar */
.sidebloc h2 {
	color: #B82231;
	text-indent: 28px;
	font-size: 1.167em;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 4px;
	border-bottom: 1px dashed #F6A200;
}

.sidebloc p {
	color: #000000;
	font-size: 1em;
	text-decoration: none;
}

.sidebloc p a {
	width: auto;
	color: #000000;
	text-decoration: underline;
	margin-left:auto;
	margin-right:auto;
}

.sidebloc p a:hover {
	color: #666666;
	text-decoration: underline;
}

.sidebloc hr {
	height: 1px;
	border-top: 1px dashed #F6A800;
	border-bottom: none;
	margin-bottom: 10px;
}

#assistance p{
	text-align: center;
}

.sidebtn {
	width: auto;
	height: 26px;
	display: block;
	/*margin: 5px 0 1px;*/
	margin-left:auto;
	margin-right:auto;
	/*padding: 0 10px;*/
	font-size: 1em;
	border: 1px solid #F6A800;
	background: url(../images/btn_border_bg.jpg) top left repeat-x;
}

#assistance-btn {
	width: 100%;
}

input[type=text]#mon-adsl-field  {
	width: 225px;
	height: 20px;
	margin: 5px 0 2px;
	border: 1px solid #CCCCCC;
	text-align: center;
	font-size: 1.083em;
	color: #999999;
}

#votre-ip {
	color: #333333;
	text-align: center;
	letter-spacing: 2px;
	font-size: 1em;
	font-weight: bold;
	margin: 5px 0 0;
	padding: 5px 0;
	border: 1px solid #EEEEEE;
}

/* icon title sidebar */
.sidebloc h2.assistance { background: url(../images/ico_assistance.png) top left no-repeat; }
.sidebloc h2.mon-adsl { background: url(../images/ico_adsl.png) top left no-repeat; }
.sidebloc h2.mon-ip { background: url(../images/ico_ip.png) top left no-repeat; }
.sidebloc h2.flux-rss { background: url(../images/ico_rss.png) top left no-repeat; }


/* side */
#topside img {
	position: relative;
	float: left;
	left: 0;
	bottom: 0;
}

#bottomside img {
	position: relative;
	float: right;
	right: 0;
	bottom: 0;
	/*bottom: 322px; */
}


/* footer */
#footer p {
	width: 700px;
	padding: 35px 0 0 20px;
	color: #c2c2c3;
	font-size: 1em;
	text-align: center;
}

#footer p a {
	color: #c2c2c3;
	text-decoration: underline;
	margin:0;
}

#footer p a:hover {
	color: #c2c2c3;
	text-decoration: none;
}

div.errors{
	color:#b82130;
	margin:20px 0 20px 0;
}

input,textarea{
	border:1px solid black;
}

input:focus,textarea:focus{
	border:1px solid #b82130;
}

#ContactForm{
	width:445px;
}

.text{
	float:right;
}

.B_crumbBox{
	margin:0 0 0 10px;
	color:black;
}

.B_crumbBox a{
	text-decoration:underline;
	color:black;
}

.B_crumbBox a:hover{
	text-decoration:none;
	color:#b82130;
}

.lastCrumb,
.B_homeCrumb,
.B_firstCrumb{
	margin:0;
}

.B_currentCrumb{
	color:black;
}

/*** Yannick BOLE-RICHARD
     Agence Révélateur
     23.09.11 ***/

a#decouvrez{
  width:200px;
  height: 22px;
	display: block;
	padding:2px 0 0 0;
	margin:15px 0 0 0;
	font-size: 1em;
	border: 1px solid #F6A800;
	background: url(../images/btn_border_bg.jpg) top left repeat-x; 
	color:black;
	float:right;
	text-align:center;
}

a#decouvrez:hover{
  color:white;
}

div#solutions{
  width:739px;
  height:132px;
  position:absolute;
  top:130px;
  left:0;
  background:url(../images/fond-solutions.jpg) no-repeat;
}

a#services{
  position:relative;
  display:block;
  width:214px;
  height:132px;
  float:left;
  margin:0 0 0 15px;
}

a#services img{
  position:absolute;
  top:-10px;
  left:13px;
  border:0;
  visibility:hidden;
}

a#services span{
  position:absolute;
  top:20px;
  left:110px;
  color:white;
  font-variant:small-caps;
  font-size:1.5em;
  text-shadow: 0 1px 0 #999999;
}

a#services:hover span{
  color:#f4a71d;
}

a#logiciels{
  position:relative;
  display:block;
  width:214px;
  height:132px;
  float:left;
  margin:0 0 0 32px;
}

a#logiciels img{
  position:absolute;
  top:-5px;
  left:14px;
  border:0;
  visibility:hidden;
}  
a#logiciels span{
  position:absolute;
  top:20px;
  left:100px;
  color:white;
  font-variant:small-caps;
  font-size:1.5em;
  text-shadow: 0 1px 0 #999999;
}

a#logiciels:hover span{
  color:#f4a71d;
}

a#materiels{
  position:relative;
  display:block;
  width:214px;
  height:132px;
  float:left;
  margin:0 0 0 35px;
}

a#materiels img{
  position:absolute;
  top:-5px;
  left:14px;
  border:0;
  visibility:hidden;
}  

a#materiels span{
  position:absolute;
  top:20px;
  left:100px;
  color:white;
  font-variant:small-caps;
  font-size:1.5em;
  text-shadow: 0 1px 0 #999999;
}

a#materiels:hover span{
  color:#f4a71d;
}

#aa{
  float:left;
  width:470px;
}

div.encart-solution{
  position:relative;
  width:931px;
  height:145px;
  margin:15px 0 0 0;
}

div#encart-services{
  background:url(../images/fond-services.jpg) no-repeat;
}

div#encart-logiciels{
  background:url(../images/fond-logiciels.jpg) no-repeat;
}

div#encart-materiels{
  background:url(../images/fond-materiels.jpg) no-repeat;
}

div.encart-solution h2{
  color:white;
  font-variant:small-caps;
  font-size:1.5em;
  text-shadow: 0 1px 0 #999999;
  position:absolute;
  top:22px;
  left:110px;
  border:0; 
  font-weight:normal; 
}

div.encart-solution p{
  width:500px;
  position:absolute;
  top:60px;
  left:250px;
}

div.encart-solution a.button{
  position:absolute;
  top:65px;
  right:20px;
  width:130px;
  height: 22px;
	display: block;
	padding:2px 0 0 0;
	margin:15px 0 0 0;
	font-size: 1em;
	border: 1px solid #F6A800;
	background: url(../images/btn_border_bg.jpg) top left repeat-x; 
	color:black;
	text-align:center;
}

div.encart-solution a.button:hover{
  color:white;
}

div.service{
  position:relative;
  float:left;
  width:310px;
  height:161px;
  background: url(../images/fond-encart.jpg) no-repeat;
  margin:10px 10px 10px 0; 
}

div.service h3{
  color:white;
  font-variant:small-caps;
  font-size:1.5em;
  text-shadow: 0 1px 0 #999999;
  margin:22px 0 0 25px;
  padding:0;
  border:0; 
  font-weight:normal;   
}

div.service p{
  padding:0;
  margin:22px 25px 0 25px;
  padding:0;  
}

div.service div.visu{
  position:absolute;
  width:200px;
  bottom:5px;
  left:70px;
}

div.service a.button{
  float:left;
  width:130px;
  height: 22px;
	display: block;
	padding:2px 0 0 0;
	margin:15px 0 0 -6px;
	font-size: 1em;
	border: 1px solid #F6A800;
	background: url(../images/btn_border_bg.jpg) top left repeat-x; 
	color:black;
	text-align:center;
}

div.service a.button:hover{
  color:white;
}

div.service img.pdf{
  float:left;
  border:0;
  margin:0;
}

.bot{
  clear:both;
}