/** 
* CSS Style sheet
* Copyright GESTICOM Informatique
*/

* {margin: 0; padding: 0;}

body {
  font: normal 80% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  background: #002a61;
 	width: 100%; height:100%; cursor:default;
 	color: #c1dbfd;
}

a {
  color:#c1dbfd;
  background-color: transparent;
  text-decoration: none; 
  cursor:pointer;
}
a[href^="http://"] {
  /*color:#c1dbfd;*/
  text-decoration: none; 
  background:transparent url(../images/link-ext.png) no-repeat scroll right top;
  padding-right:12px;
}
a:hover {
  color: #c1dbfd;
}

a img {
border:none;
}


.center {
  text-align:center;
} 
.savoir_plus {
  text-decoration:underline;
}

li {
  list-style: none;
}

form.form #submit {
  width: 100px;
  padding: 5px 5px;
  margin: auto;
  clear: both;
}

form.form input, select, textarea {
  margin: 0px 5px;
}

form.form div p.col1 {
  width:100%;
}
form.form div p.col2 {
  width:50%;
}
form.form div p.col23 {
  width:66%;
}
form.form div p.col3 {
  width:33%;
}
form.form div p.col4 {
  width:25%;
}
form.form div p.col5 {
  width:20%;
}
form.form fieldset {
  padding: 5px 5px;
  margin: 5px 0;
  clear: both;
}

form.form div p {
  float: left;
  margin: 5px 0;
}

form.form div span {
  padding: 0 0 0 5px;  
  font-weight: bold;
}

form.form div.aligned span {
  display: block;
  float: left;
}

form.form .maxwidth {
  width: 98%;
}
form.form input.telephone {
  width: 100px;
}

form.form input.email {
  width: 150px;
}
form.form_contact div.aligned span {
  width: 117px;
}
form.form_contact div.aligned span.size1 {
  width: 50px;
}

form.form_contact input.longstring {
  width: 323px;
}
form.form_contact input.mediumstring {
  width: 200px;
}

form.form_contact input.smallstring {
  width: 60px;
}

/* éléments invisibles */
h1 span {display: none;}

#maincontent {
  width: 976px;
  margin: auto;
  background: #f1f6fd url(../images/bg_center.png) repeat-y center;
}

#maintop {
  /*background : red;*/
  background: url(../images/bg_top.png) no-repeat top left;
}

#mainbottom {
  background: url(../images/bg_bottom.png) no-repeat bottom left;
}

#header {
  position: relative;
  height: 64px;
}
#header h1 a {
  display: block;
  height: 64px;
  width: 200px;
  float: left;
}

#accessibility {
  position:absolute; 
  top:5px; right:0; 
  font-size:0.78em;
}
#accessibility li {
  float:left; 
  margin-right:10px;
}

div#defile {
  position:absolute; 
  top:17px; left:230px; 
  width: 700px;
  height: 20px;
  font-size: 1.2em;
  font-style: italic;
}

div#defile p {
  width: 700px;
  height: 20px;
}


#menubar {
  position: absolute;
  top:38px; left:212px;
  /* background: url(../images/bg_menubar_.png) no-repeat top right #737373;*/
  /*padding-top: 7px;*/
}

#menubar ul {
  display:block;
  height: 2em;
}

#menubar li {
  float: left;
  height:2em;
  display:block;
}

#menubar a {
		float: left; 
    display:block; 
    padding:0 18px; 
    height:2em;
    font-weight: bold; 
    line-height:2em;
	}
	
#menubar a:hover {
	background: url(../images/menubar-a-hover.png) no-repeat center;
}	
	
#menu a:hover {
		color: #c1dbfd;
		background: url(../images/menu-li-a-hover.png) repeat-y top center;
	}

#contentleft {
  float: left;
  width: 213px;
}

/* newletter */
#newsletter {
  float: left;
  width: 213px;
  /*background: url(../images/bg_menu_center.png) repeat-y left;*/
}
#newsletterbottom {
  padding: 5px 15px;
}

/*sidebar */
#sidebar {
  float: left;
  width: 213px;
  background: url(../images/bg_menu_center.png) repeat-y left;
}

#sidebartop {
  background: url(../images/bg_menu_top.png) no-repeat top left;
  padding-top: 16px;
}

#sidebarbottom {
  padding: 27px 5px 15px 10px;
  background: url(../images/bg_menu_bottom.png) no-repeat bottom left;
}

#sidebar h3 {
  padding: 10px 5px;
  font-size: 0.95em; 
  margin-bottom: 1px;
}
	
#sidebar h3 a {
  display: block;
	background: url(../images/sidebar-a.png) repeat-y;
	padding: 3px 7px;
	cursor:default;
}

#sidebar h3 a:hover {
	background: #f1f6fd;
	cursor: pointer;
	color: #000;
}

#sidebar div.selected h3 {
  margin: 0 5px;
  /*padding: 0;*/
  border: 1px solid #002a61;
  /*background: #f1f6fd;*/
  background: url(../images/sidebar-a.png) right center #f1f6fd repeat-y;
}

#sidebar div.selected h3 a {
	background: transparent;
	cursor:default;
	color: #000;
}

#sidebar div.selected h3 a:hover {
	/*color:#c1dbfd;*/
}

#sidebar ul {
  display:none;
}

#sidebar ul.popup_menu {
  display: block;
  border: 1px solid #002a61;
  margin: 0 5px;
  background: #f1f6fd;
}

#sidebar ul.popup_menu li {
  font-size: 0.95em;
  font-weight: bold;
}

#sidebar ul.popup_menu li a {
  display: block;
  padding: 3px 7px;
  color: #000;
}

#sidebar ul.popup_menu li.selected a {
  background: url(../images/sidebar-a.png) right center #f1f6fd repeat-y;
}

#sidebar ul.popup_menu li a:hover {
  background: url(../images/sidebar-a-hover.png) right center #f1f6fd no-repeat;
}

#content {
  float:left;
	width: 754px;
	background: url(../images/bg_content_center.png) repeat-y center left #f1f6fd;
}

#content_top {
  background: url(../images/bg_content_top.png) no-repeat top left;
}
#content_bottom {
  padding: 5px 5px 10px 10px;
  background:  url(../images/bg_content_bottom.png) no-repeat bottom left;
}

#content h2 {
  font-size: 1.5em; 
  font-weight: bold;
  line-height: 2em;
  clear:both;
}
#content h3 {
  font-size: 1.18em;
  clear:both;
}

#content.content img {
  display:block; 
  margin: 0 17px 0 5px;
  float:left;
}
#content.content img.no_float {
  float:none;
}

#content div.clear {
  clear:left;
}

#content .colonne {
  float:left;
  width:50%;
}

#confiance {
  float:right;
  border: 2px groove #d2cd51; 
}

.content {
  color: #000;
}
.content p {
  margin: 10px 0px;
}
.content em {
  font-weight: bold;
}

.content li {
  list-style-type: disc;
}

.content ul {
  padding: 5px 15px;
}

.content a {
  color:#000;
  background-color: transparent;
  text-decoration: underline; 
  cursor:pointer;
}

#content dl {
}

#content dt {
  display: block;	
  font-weight: bold;
  padding: 5px 0;
  clear:both;
}

#content dd {
  padding: 5px 15px;
  font-style: italic;
}

div.post-it {
  height: 80px;
  width: 150px;
  margin: 5px 0 0 70%;
}
.post-it a {
  display: block;
  float:left;
  height: 30px;
  width: 100px;
  background: url(../images/post-it.png) no-repeat;
  font-weight: bold;
  padding: 50px 0 0 0;
}

.post-it a:hover {
  background: url(../images/post-it-hover.png) no-repeat;
}

.post-it a#recrut {
  height: 100px;
  width: 120px;
  background: url(../images/post-it-recrut.png) no-repeat;
}

.post-it a#recrut:hover {
  background: url(../images/post-it-recrut-over.png) no-repeat;
}

.post-it span {
  display: none;
}

#footer {
  clear: both;
  font-size: 0.88em;
  background: url(../images/bg_footer_center.png) repeat-y left;
}
#footertop {
  background: url(../images/bg_footer_top.png) no-repeat top left;
}

#footerbottom {
   padding-bottom:6px;
   background: url(../images/bg_footer_bottom.png) no-repeat bottom left;
}

.tel {
  float:right;
  font-size: 2em;
  font-weight: bold;
  color: #ee3338;
  margin-left: 30px;
  margin-top: 15px;
  margin-right: 110px;
  text-align: right;
}

.tel a {
  color: #ee3338;
}

#societe {
  padding-left: 10px;
  font-size: 1.2em;
  font-weight: bold;
  text-align: left;
}

#societe p {
  margin: 0;
}

.mention_legale {
  margin: 0 0;
  padding: 0px 0px;
  font-weight: normal;
  font-size: 0.6em;
}

span.e-mail {
  font-size: 1.2em;
  padding: 0 5px;
  color: #ee3338;
}

img.e-mail {
  float: left;
}

#gesticom {
  margin-top: 0px;
  margin-left: 9px;
  font-size: 0.7em;
  text-align: center;
  position: relative;
}

#w3valid {
  float:left;
  display: inline;
  text-align: center;
}

#overlay {
  background-color: #000;
}