body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; border:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

body {
  background: #f1f1ee;
font-family: Lucida Grande, Geneva, Verdana, Arial, sans-serif;
    font-size: 10px;
    line-height: 150%;
    color: #999999;
  
  text-align: center;
}

/* links  */

a { text-decoration: none; color: #0099cc; }
a:visited { text-decoration: none; color:#0099cc;}
a:hover { text-decoration: none;  color:#0099cc;}
a:active     { color: #0099cc; text-decoration: none; }

/* headings */

h1 {font-size:2em}  /* displayed at 24px */
h2 {font-size: 12px;  color: #006699;}
h3 {font-size:1.25em}  /* displayed at 15px */
h4 {font-size:1em}  /* displayed at 12px */

/* strong em */
strong { font-weight: bolder; }
b { font-weight: bolder; }
em { font-style: italic; }
hr {color: #ccc;  background-color: #ccc; height: 1px; border: 0;  }
/* tables & forms */



/* classes */

.error { color: red; }

img {
  border: 0px;
}



/* page structure & layout */

#outer {
    width: 1024px;
    margin:  auto;
    padding : 0;
    background-image: url(http://www.crea.hautesavoie.net/image/menus/page_bk21.png);
    background-position: center;
   }

#page {


 border :0px;
  margin: auto;
  padding : 0px;
  text-align: left;
  vertical-align: text-top;
  width: 980px;
}
#header {  
  background: #012345;
  border-bottom: 1px solid #ffffff;
  height: 150px;
  position: relative;
}

#menuhaut{
width: 980px;
height: 21px;
margin : 0;
overflow: hidden;
background: #414141; /*background of tabs (default state)*/
background-image: url(http://www.crea.hautesavoie.net/image/menus/navbar_back_crea.gif);
border-bottom: 0px solid #c0c0c0; /*bottom horizontal line */
}

#menuhaut ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font-family: Lucida Grande, Geneva, Verdana, Arial, sans-serif;
font-size:  10px;
list-style-type: none;
}

#menuhaut li{
display: inline;
margin: 0;
height: 21px;
}

#menuhaut li a.select {
background: black; 
background-image: url(http://www.crea.hautesavoie.net/image/menus/navbar_back_select_crea.gif);
display: inline;
margin: 0;
height: 21px;
}


#menuhaut li a{
float: left;
display: block;
text-decoration: none;
font-weight: normal;
margin: 0;
padding-top: 2px;
padding-bottom: 8px;
padding-right:8px;
padding-left:8px;
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #414141; /*background of tabs (default state)*/
background-image: url(http://www.crea.hautesavoie.net/image/menus/navbar_back_crea.gif);
}

#menuhaut li a:visited{
color: white;
}

#menuhaut li a:hover{
background: black; 
background-image: url(http://www.crea.hautesavoie.net/image/menus/navbar_back_select_crea.gif);
}



#menugauche      {width: 205px;float: left; border: 0; border-top: 0; margin-bottom: 15px; padding-top: 1px; padding-right: 0px; position: relative; }
#menugauche p       { line-height: 15px; padding: 5px 7px 0 10px;}
#menugauche p.service   { line-height: 15px; padding: 0 10px 0px 10px;}
#menugauche h3       { position: absolute; font-size: 10px; text-align: center; width: 80px; margin: 0; padding: 0px;}
#menugauche a:link   { color: #006699;  font-weight:bold;  text-decoration: none;}
#menugauche a:visited   { color: #006699;  font-weight:bold;  text-decoration: none;}
#menugauche a:hover     { color: #0099cc; text-decoration: none; }

#menugauche ul       { margin: 0; padding: 5px 0px 10px 25px; min-height: 15px; }
#menugauche ul.topborder  { border-top: 1px solid #efefef; padding-top: 5px; padding-bottom:10px; padding-left: 80px; }
#menugauche ul.topborder span  { margin-left: 13px; }
#menugauche li       { padding: 0; margin: 0; }
#menugauche ol       { margin: 0; padding: 2px 0 10px 20px; min-height: 10px; list-style-type: none;}
#menugauche li { line-height: 15px; padding-left: 11px; background: url(http://www.crea.hautesavoie.net/image/menus/flechemenugauche.gif) left no-repeat;}

#gb {
float: right;
display: inline;
margin-right: 0px;
margin-top:4px;
height: 21px;
width: 45px;
}

#content {
float: left;
width: 560px;
padding-top:30px;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;  
margin : 0;
vertical-align: text-top;
}


#nav {
  bottom: 0;
  font-size: 1.1em;
  position: absolute;
  right: 25px;  
}
#breadcrumb {
  background: #87BCD8;
  border-bottom: 2px solid #90C7E4;
  color: #4C7897;
  font-size: 1.2em;
  height: 46px;
  position: relative;
}




#info {
  background: #76AAC9; 
  border-bottom: 3px solid #93CCEA;
  color: #E4EEF4;   
  font-size: 1.2em;
  line-height: 2.0em;  
  position: relative;
  padding: 20px 230px 20px 30px;
}


#sidebar {
width: 200px;
float: right;
margin-top: 30px;
margin-right: 3px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
  
}


#footer {
  border-top: 1px solid #DBDFE0;
  clear: both;
  color: #777777;
  
}

/* header */
#logo{
    height: 150px;
    width: 100%;
    margin: 0;
    background-image: url(http://www.crea.hautesavoie.net/crea/public/images/bandeau_haut2.jpg);
    background-repeat: no-repeat;
 }


#header h1 {
  font-size: 4.0em;
  position: absolute;
  margin: 30px 0 0 45px;
}

#header h1 a {
  color: #9ca9b7;
  font-family: Lucida Grande, Geneva, Verdana, Arial, sans-serif;
  font-weight: normal;
  letter-spacing: -1px;
  text-decoration: none;
}
#header h1 a:hover {color: #fff;}
#header h1 span {
  color: #fff;
  font-size: 18px;
}

/* navigation */

#nav ul {
  display: inline;
}
#nav li {
  display: block;
  float: left;
  list-style: none;
}
#nav li a {
  background: #234466;
  color: #fff;
  display: block;
  margin: 0 1px 0 1px;
  line-height: 1.6em;
  padding: 7px 20px 7px 20px;
  text-align: center;
  text-decoration: none;
}
#nav li a:hover,
#nav li a.current { background: #3C6787; }

/* breadcrumb */

#breadcrumb a {
  color: #4c7897;
  text-decoration: none;
}

/* info */

#info a {
 color:#0099cc;
}

/* content */

#content h2 {font-size: 16px;  color: #006699; font-weight: bold;}

#content h3, #content h4 {
  background: none;
  border-bottom: 1px solid #dfe3e4;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 5px;
}
#content p {
  line-height: 1.5em;
 
}
#content ol {
  line-height: 1.8em;
  margin: 0 30px 20px 50px;
}
#content ul {
  line-height: 1.8em;
  margin: 0 30px 20px 30px;
}
#content ul li {
  line-height: 1.8em;
  list-style: square;
  padding-left: 2px;
}

/* secondary content */


/* footer */

#footer p {
background-color: rgb(204, 204, 204);
color : #777777;
  line-height: 1.5em;
  margin-top: 0px;
  text-align: center;
}


/* misc */

a img { border: none; }
acronym { cursor: help; }
blockquote {
  background: url(quote.gif) no-repeat 10px 0;
  color: #76aac9;
  border-left: 2px solid #76aac9;
  line-height: 1.5em;
  margin: 0 10px 20px 10px;  
  padding: 0 10px 0 10px;
}

.show { display: inline; }

pre, code { font-size: 1.1em; line-height: normal; background: #eee; color: #444; }

/* classes */

.hautboxdroite
{
width :200px;
height : 31px;
margin: 0; padding-top: 5px; text-align:center;
font-size: 12px;color: #FFFFFF;
background-color : #faf8f9;
background-image: url(http://www.crea.hautesavoie.net/image/menus/box_droite_title_background.gif);
background-repeat:no-repeat;
background-position:center top;

}
.boxdroite 
{
width :200px;
margin: 0px; 
padding-left: 4px; 
padding-right:4px; 
background-color : #faf8f9;
border-width: 1px;
border-style: solid;
border-color: #e0e0e0;
}

div.arrondi {
width :190px;
margin: 0px; 
padding-left: 4px; 
padding-right:4px; 
background-color : #faf8f9;
border-width: 1px;
border-style: solid;
border-color: #e0e0e0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
      }

div.arrondi_webcam {
width :330px;
height:250px;
margin: 0px; 
padding-left: 4px; 
padding-right:4px;
padding-top:8px; 
background-color : #faf8f9;
border-width: 1px;
border-style: solid;
border-color: #e0e0e0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
      }


.tableaucentral { border-collapse: collapse; width:560px; margin:auto; padding:0px; margin-top:10px; background: #ffffff;border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 0px solid white; border-bottom: 0px solid white;}
.tableaucentral td {position:relative;vertical-align:top; padding:8px;width:250px; margin: auto; border: 0px solid white; }

.tableaucentral1c { border-collapse: collapse; width:560px; margin:auto; padding:0px; margin-top:10px; background: #ffffff;border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 0px solid white; border-bottom: 0px solid white;}
.tableaucentral1c td {position:relative;vertical-align:top;  }

.tableaucentral1c table.diapo {
  border-width: 0px 0px 0px 0px;
  border-spacing: 0px;
  border-style: none none none none;
  border-color: gray gray gray gray;
  border-collapse: collapse;
  background-color: white;
}
.tableaucentralc1 table.diapo th {
  border-width: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-style: none none none none;
  border-color: gray gray gray gray;
  background-color: white;
  -moz-border-radius: 0px 0px 0px 0px;
}
.tableaucentral1c table.diapo td {
        height:122px;
  border-width: 0px 0px 0px 0px;
  padding-left: 0px; 
        padding-right:0px;
  border-style: none none none none;
  border-color: gray gray gray gray;
  background-color: white;
  -moz-border-radius: 0px 0px 0px 0px;
}


.chapeau{margin: 0; float:left; width:530px;text-align:justify;background: #ffffff;
float: left;color: #666; line-height: 150%; padding-left: 5px; padding-right: 5px;
font-size: 11px;  padding-bottom:6px;font-weight:bold;}
.chapeau h2 {font-size: 12px;  color: #006699;}
.chapeau h1 {font-size: 16px;  color: #006699;}

.titrechapitre { padding:0px;  font-size: 12px;font-weight: bolder;  color: #006699;}



.paragraphe {   

   text-align:justify;font-size: 10px;font-weight:normal;
  color: #666;
}

.paragraphe p {line-height: 1.5em; }




.simple_form {
  width: 190px;
  padding: 0px;
  }
.simple_form h4{
  padding: 5px;
  clear: both;
  }
.simple_form label {
  width: 80px;
  display: inline-block;
  vertical-align: top;
  clear: both;
  font-weight: bold;
  }
.simple_form input.text {
  width: 160px;
  padding: 2px;
  margin: 0 0 4px 8px;
  border: 1px solid #c3c3c3;
  }
.simple_form input.submit{
  display: block;
  margin-left: 10px;
       margin-bottom: 10px;
  width:  auto;

}
div.simple_message{
  color: #FF4500;
  font: normal bold 16px/normal 'Arial', sans-serif;
  padding: 5px;
}