@charset "utf-8";
body{
  font-family:Arial, Tahoma, Helvetica, sans-serif;
  font-size:12px;
  margin:0;
  padding:0;
  background:#8a8a8a url(../images/ombres-cotes.png) repeat-y 50% 1px;
  height: auto;
}

#preglobal{
  display:block;
  background:#8a8a8a url(../images/ombre-haut.png) no-repeat 50% 14px;
  height:30px
}

#global{
  display:block;
  height:100%;
  background:#8a8a8a url(../images/ombres-cotes.png) repeat-y 50% 1px;
}

#container{
  display:block;
  position:relative;
  width:823px;
  margin-left:auto;
  margin-right:auto;
  background-color:white;
  margin-top:0;
  margin-bottom:0;
  padding:0
}

#header{
  background-color:#FFFFFF;
  width:100%;
}

#footer{
  background-color:#000000;
  width:823px;
  height:60px;
  font-size:12px;
  color:#FFF;
  text-align: center;
  position : relative;
  margin-left:auto;
  margin-right:auto;
}

#top_head{
  display:block;
  background:#000;
  width:823px;
  border-bottom:1px solid #444;
  height:10px;
  vertical-align:bottom;
  overflow:hidden;
  color:#555
}

#main_logo{
  width:823px;
  height:162px;
  background:#000000 url(../images/ideosi.png) top left no-repeat;
}

#main_menu {
	position:relative;
	margin:0;
	border-top:1px solid #555;
	background:url(../images/bg-header-top.png) repeat-x top #000;
	height:20px;
	width:823px;
	bottom:0;
}

#main_menu #main_ariane_texte {
	position:absolute;
	left:50%;
	margin:0 0 0 -400px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	padding:2px 0 2px 0;
	color:#ccc;
}

#main_menu #main_ariane_texte img {
	vertical-align:bottom;
}

#main_menu #main_ariane_texte a {
	text-decoration:none;
	color:#FFFFFF;
}

#main_menu #main_ariane_texte a:hover, #main_menu #main_ariane_texte a:focus {
	text-decoration:underline;
	color:#FFFFFF;
}

#main_contact {
	position:absolute;
	left:704px;
	top:219px;
	margin:0 0 0 -10px;
	width:130px;
	height:150px;
}

#main_contact .element_menu {
	list-style:none;
	height:100%;
	width:130px;
	margin:0 10px 0 0;
	float:left;
	position:relative;
	overflow:hidden;
}

#main_contact .bleu {
	margin:0 0 0 0;
	background:url(../images/bg-header-rouge.png) repeat-x bottom #F00;
}

#main_contact .element_menu .main_menu_icone {
	position:absolute;
	left:5px;
	top:-50px;
	height:100%;
	z-index:80;
}

#main_contact .element_menu .main_menu_texte {
	top:117px;
	width:100%;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	position:absolute;
	z-index:90;
}

#main_contact .element_menu .main_menu_texte li {
	background:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff;
	font-weight:bold;
	font-style:italic;
	font-size:14px;
	text-align:left;
	list-style:none;
	line-height:15px;
}

#main_contact .element_menu .main_menu_texte a {
	text-decoration:none;
	color:#fff;
}

#main_contact .element_menu .main_menu_texte a:hover {
	text-decoration:underline;
	color:#fff;
}

#menu_princ ul {list-style:none;margin:0;padding:0;}
#menu_princ li {float:left;width:100px;margin:0;padding:0;text-align:center;}
#menu_princ li a {display:block;padding:5px 0px;height:100%;color:#FFF;text-decoration:none;border-right:1px solid #FFF;}
#menu_princ li a {background:url(../images/bg2.jpg) repeat 0 0;}
#menu_princ li a:hover, li a:focus, li a:active {background-position:-150px 0;}
#menu_princ #navigation a {background:url(../images/bg5.jpg) repeat 0 0;}

#container #content_main {
	width:590px; /*525px*/
	margin:30px;
	padding:0;
	float:left;
}
#container #content_main p {
	color:#444;
	font-size:12px;
	text-align:justify;
	padding:0 0 5px 25px;
	line-height:1.4em;
}
#container #content_main ul {
	margin:0;
	padding:0;
	list-style:none;
}
#container #content_main ul {
	padding:0 0 0 20px;
	margin:10px  20px 0 0;
	clear:both;
}
#container #content_main li {
	color:#666;
	font-size:11px;
	text-align:justify;
	padding:0 0 10px 25px;
	margin:0 0 0 20px;
	list-style:none;
	background:url(../images/bg-puce-verte.png) top left no-repeat;
	line-height:1.4em;
}
#container #content_main h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	font-weight:bold;
	font-style:italic;
	padding:5px 5px 25px 0;
	margin:0 0 20px 0;
	background:url(../images/bg-titre-rouge.png) bottom no-repeat;
}
#container #content_main h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	padding:0 0 5px 20px;
	color:#c33;
	clear:none;
}

/* Promotion et style */
.info2
{
border:2px solid;color:#666;background-color:#FFF;margin:10px 0px;padding:15px 10px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;box-shadow:0 0px 6px #999;-moz-box-shadow:0 0px 6px #999;-webkit-box-shadow:0 0px 6px #999;font-size:14px
}

.awesome
{
display:inline-block;zoom:1;*display:inline;vertical-align:baseline;margin:0 2px;outline:none;cursor:pointer;text-align:center;text-decoration:none;font:14px/100% Arial,Helvetica,sans-serif;padding:.5em;text-shadow:0 1px 1px rgba(0,0,0,.3);-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);color:#d9eef7;border:solid 1px #0076a3;background:#0095cd;background:-webkit-gradient(linear,left top,left bottom,from(#00adee),to(#0078a5));background:-moz-linear-gradient(top,#00adee,#0078a5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee',endColorstr='#0078a5')}
.awesome:hover
{
text-decoration:none;background:#007ead;background:-webkit-gradient(linear,left top,left bottom,from(#0095cc),to(#00678e));background:-moz-linear-gradient(top,#0095cc,#00678e);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc',endColorstr='#00678e')}
.awesome:active
{
position:relative;top:1px;color:#80bed6;background:-webkit-gradient(linear,left top,left bottom,from(#0078a5),to(#00adee));background:-moz-linear-gradient(top,#0078a5,#00adee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5',endColorstr='#00adee')}
a.awesome
{
color:#CCC
}

#captcha {
	height:60px;
	width: 150px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	border:0px solid #000;
}

.cadrelogi{height:200px;background-color:#ececec;border:1px solid #939393;padding:13px;margin:5px;font-size:14px;font-family:Verdana, Geneva, sans-serif;}
.cadrelogi h3{color:#3f7ea5;font-size:18px;font-weight:bold;font-style:normal;}
.cadrelogi span{font-size:10px;}
.cadrelogi .titre1{font-size:16px;float:left;padding:6px;background-color:#d62c2e;color:#FFFFFF;font-weight:bold;}
.cadrelogi .titre2{font-size:17px;float:right;padding:7px;color:#3f7ea5;font-weight:bold;}
.cadrelogi .logibtn{bottom:10px;right:10px;}


/* Blocs recapitultifs CV */
.box_recap_cv {
  background: url(../images/cv_box_top.gif) center top no-repeat;
  padding-top: 45px;
  width: 419px;
  position:relative;
  margin-left:auto;
  margin-right:auto;
}
.content-box_recap_cv {
  background: url(../images/cv_box_mid.gif) center top repeat-y;
}
.bottom-box_recap_cv {
  background: url(../images/cv_box_bottom.gif) center bottom no-repeat;
  height: 40px;
}
.content-box_recap_cv P{
  font-family:Georgia, "Times New Roman", Times, serif;
  margin: 0 30px 0 30px;
  color:#FFFFFF;
  font-size:12px;
  text-align:center;
}

/* Les Div des images de download NiouzeFire */
#niouzefire_download {
	background: url(../images/NiouzeFire_Plus.png) center top no-repeat;
	height:150px;
	width: 150px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #000;
}
#niouzefire_download_bottom {
	background: url(../images/telechargement3.jpg) center top no-repeat;
	height:100px;
	width: 301px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	border:0px;
}

/* Infos Bulle */
#main_info {
	position:absolute;
	left:623px;
	top:342px;
	margin:0;
	width:200px;
	height:200px;
}
#container #main_info {
	width:200px;
	float:right;
	margin:50px 0 0 0;
}
#container #main_info .box {
	width:200px;
	padding:0 0 15px 0;
	margin:0 0 10px 0;
	position:relative;
}
#container #main_info .box .signature {
	width:100px;
	padding:5px 0 0 0;
	margin:0;
	position:absolute;
	right:0;
	bottom:0;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
#container #main_info .box p.blogentry {
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:-1px;
}
#container #main_info .box p,#container #main_info .box ul {
	margin:0;
	padding:0 5px 0 5px;
	font-weight:normal;
	font-size:11px;
	color:#fff;
	list-style:none;
	line-height:1.4em;
}
#container #main_info .box ul li {
	margin:0 0 0 15px;
	list-style:url(../images/img-puce-listebox.png);
}
#container #main_info .box ul.tag_cloud li a {
	text-decoration:none;
	font-weight:bold;
	background:none;
	padding:2px;
}
#container #main_info .box p.blogentry a {
	color:#fff;
	text-decoration:none;
}
#container #main_info .box p.blogentry a:hover {
	color:#fff;
	text-decoration:underline;
}
#container #main_info .box h2 {
	margin:0;
	padding:0px 10px 15px 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff;
	font-size:17px;
	font-weight:bold;
	font-style:italic;
	text-align:center;
}
#container #main_info .rouge .signature a {
	color:#c33;
	text-decoration:none;
	margin:0;
	padding:0;
}
#container #main_info .rouge {
	background:url(../images/bg-box-rouge-bas2.png) bottom no-repeat;
}
#container #main_info .rouge h2 {
	background:url(../images/bg-box-rouge-haut2.png) top no-repeat;
	
}
#container #main_info .rouge p {
	background:#c33;
}
#container #main_info .box ul li a {
	color:#fff;
}

/* S3Slider */
#s3slider { 
   width: 560px; /* important to be same as image width */ 
   height: 286px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}
#s3sliderContent {
   width: 560px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}
.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}
.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 250px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
.clear {
   clear: both;
}

/* Pub côté droit */
#content_right_google {
	position:absolute;
	left:673px;
	top:600px;
	margin:0;
	width:120px;
	height:603px;
}
#content_right_google_top {
	position:absolute;
	left:673px;
	top:450px;
	margin:0;
	width:120px;
	height:603px;
}

/* Pub Giganews côté droit */
#content_right_giganews {
	position:absolute;
	left:660px;
	top:690px;
	margin:0;
	width:160px;
	height:235px;
}
#content_right_giganews_top {
	position:absolute;
	left:660px;
	top:450px;
	margin:0;
	width:160px;
	height:235px;
}