/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, #menu ul, #menu li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
  font-family: Trebuchet MS;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* End RESET */

/* layout test */
/*
#header0, #footer2, .sousmenu {border:2px dashed green;}
#header, #content, #footer, .sous-menu {border:2px dashed red;}
#menu div ul {border:2px dashed blue;}*/

/* end layout test */

/* footer at the bottom */
#footer1, #footer2, #footer_intro {
  position:             absolute;
  bottom:               0;
  width:                100%;
}


/* end footer at the bottom */

html {
	height: 100%;	
	min-height:100%;
}

body {
	min-height:100%;
	background-image:       url(../images/bg_content.gif);
	background-repeat:      no-repeat;
	background-position:    center 30px;
	height: 100%;
	background-attachment: fixed;
}

#container {
  position: relative;
  min-height: 100%;
  height: 100%;
  height: auto;
  overflow:               auto;
}

/* page d'intro */
#intro {
  background-color:     #C0C0C0;
  background-image:     url(../images/bg_intro.jpg);
  background-repeat:    repeat-x;
  background-position:  top;
}

#logo_intro {
  margin:     0px auto;
  width:      750px;
  text-align: center;
  color:      #5E6A72;
  text-align: center;
  margin-bottom:100px;
  margin-top:10%;
}

#logo_intro p {
  font-family:  "palatino linotype", Palatino, sans-serif;
  margin:       5px;
  font-size:    1.2em;
  text-align:   center;
}

#footer_intro {
  font-size:  0.7em;
  text-align: center;
  padding:     10px 0 10px;
  color:      #5E6A72;
  bottom:     0px;
}

#footer_intro a {
  color:      #5E6A72;
}

/* éléments à largeur fixe */
#content, #footer, .sous-menu, #header {
  width:    965px;
  margin:   auto;
}
#smallcol { width:25%;}
#menu ul #menu1div ul {padding-left:160px;}
#menu ul #menu2div ul {padding-left:480px;}
#menu, #footer2 {min-width:965px;}
/* fin éléments à largeur fixe */

#header0, #header {
  height:       158px;
  clear:        both;
}

#header{text-align:left;}
#header0{text-align:center;}

#menu {
  background-color:     #2C5B89;
  background-image:     url(../images/bg_menu.jpg);
  background-repeat:    repeat-x;
  background-position:  50% 50%;
  line-height:          30px;
  height:               32px;
}

#menu ul {
  text-align: center;
  list-style: none;
  width:      965px;
  margin:     auto;
}

#menu li {
  display:          inline;
  text-align:       center;
}

#menu a:link, #menu a:visited {
  color:            #FFFFFF;
  font-family:      serif;
  text-transform:   uppercase;
  font-size:        0.7em;
  letter-spacing:   0.05em;
  padding:          0 30px;
  text-decoration:  none;
  cursor:           pointer;
}
#menu a:active, #menu a:hover {text-decoration:underline;}

.sousmenu {
  line-height:      25px;
  height:           25px;
  color:            #004685;
  position:         absolute;
  top:              190px;
  left:             0;
  width:            100%;
}

#menu div ul, #menu div li {
  text-align:       left;
}

#menu div a:link, #menu div a:visited {
  color:            #004685;
  font-size:        0.6em;
  padding:          0 10px;
  text-decoration:  underline;
}

#menu div a:active, #menu div a:hover {text-decoration:none;}

#flag-lang {
  float:            right;
  padding:          0 !important;
  vertical-align:   center;
}
#flag-lang  img {
  padding-top:      10px;
}

/* end menu */

#content {
  margin-top:             10px;
  padding:                10px 0;
  font-size:              0.8em;
  line-height:            1.3em;
  color:                  #17262b;
  clear:                  both;
  text-align:             left;
  overflow:               auto;
  padding-bottom:         50px;
}

#content.page-equipe, 
#content.page-profil {
  text-align : justify;
}

#smallcol {
  float:                  right;
  background-color:       #E5E5E5;
}

.box {
  background-color:       #BBC9D6;
  background-image:       url(../images/bg_box.jpg);
  background-repeat:      repeat-x;
  background-position:    top;
  border:                 1px #FFFFFF solid;
  margin:                 1px;
  padding:                0 12px 12px;
  font-size:              0.8em;
  text-align:             center;
}

.box h2 a:link, h2 a:visited {
color:#00478D;
text-decoration:none;
}

.box h2 a:hover, h2 a:active {
text-decoration:underline;
}

.box p {
  text-align:             left;
  margin-bottom:          20px;
}

.box img {
  border:       1px solid #6e6e70;
  float:        left;
  margin-top:	5px;
  margin-right: 10px;
}



#footer {
  clear:                  both;
  font-size:              0.6em;
  text-align:             center;
  padding:                10px 0 10px;
}

#footer p {
  line-height:            1.5em; 
}

#agencepix {
  float:            left;
  padding-bottom:   10px;   
}

#footer2 {
  clear:                both;
  line-height:          7px;
  background-image:     url(../images/footer2.jpg);
  background-repeat:    repeat-x;
  background-position:  bottom;
  border-top:           1px solid #999999;
  padding-top:          1px;
  font-size:            0;
}

a:link, a:visited {color:#000000;}
a:active, a:hover {text-decoration:none;}

/* content */
h1, h2 {
  font-family:          "palatino linotype", Palatino, sans-serif;
  font-weight:          700;
  color:                #00478D;
  text-transform:       uppercase;
  text-align:           left;
}
h1{
  display:              inline;
  border-bottom:        1px solid #CCCCCC;
  line-height:          35px;
  font-size:            15px;
}
h1 .first-letter {
  font-size:            20px;
}
h2 {
  font-size:            1.1em;
}
h3 {
 font-size: 			13px;
 color:                 #00478D;
}

.emphase {
  font-weight:          bold;
  color:                #0B5191;
}

#content p {
  color:                #17262b;
  margin-bottom:        10px;
}
#content ul li{
	margin-bottom:        2px;
	font-size:			  1.0em;
}
#content ul {
	margin-left:20px;
}
.error {
  color:                #BB0000;
  font-weight:          bold;
}

.accessKey {
    text-decoration: underline;
}
.colonne2 div {
width:49%;
float:right;
}
.colonne3 div {
width:33%;
float:left;
}
.colonne_contact div {
width:48%;
float:left;
}
.colonne_contact img {
float:left;
margin-right: 10px;
}
.clear{
width:100%;
clear:both;}

fieldset {
  background-color:       #BBC9D6;
  background-image:       url(../images/bg_box.jpg);
  background-repeat:      repeat-x;
  background-position:    top;
  border:                 1px #FFFFFF solid;
  line-height:            13px;
}

#form {
  margin:                 1px auto;
  width:                  620px;
}

legend{
  margin-left:          30px;
  background-color:     #FFFFFF;
  border:               1px solid #CCCCCC;
  padding:              1px 5px;
  font-family:          "palatino linotype", palatino, sans-serif;
  font-weight:          700;
  color:                #00478D;
  text-transform:       uppercase;
  text-align:           left;
}

input {
  float:right;
}

.bouton {
  float:none;
}

fieldset div {
  margin:20px;
}
.twocol {
  width:45%;
  float:left;
  display:inline;
}
fieldset .twocol {
  width:270px;
}
#icone {
  float:left;
  margin-right:10px;
}
.smalltext {
  font-family: 		Trebuchet MS;
  color:				#000000;
  font-size:			11px;
}
.separateur {
  border-bottom: 		1px grey solid;
  height:				25px;
}
.flag a{
  text-transform:     uppercase;
  color:				#5E6A72;
  font-size: 			0.5em !important;
}
.link a {
  color:				#00478D !important;
  font-weight:		bold;
}
.news-content {
  margin-bottom:  20px;
}

.news-content img {
  margin-top:   2px;
  border:       2px solid #0B5191;
  border-top:   none;
  padding:      2px;
  float:        left;
  margin-right: 10px;
}

.news-text {
  margin-left:  315px;
  text-align:   justify;
}

.news-date {
  float:          right;
  padding:        4px 0;
  line-height:    1.1em;
  font-size:      0.9em;
  vertical-align: middle;
  color:  				#00478D;
}

.news-content h2 {
  border-top:     2px solid #0B5191;
}


/* admin */
#admin  {
  background-color: #EFEBE7;
  background-image: none;
}

#admin-page {
  background-color: #FFFFFF;
  margin:           25px;
  border:           1px solid #3D3A38;
}

#admin h1 {
  color:            #FFFFFF;
  background:       #2B5E8B url(../images/bg_admin_header.png) repeat-x center center;
  font-weight:      bolder;
  height:           22px;
  line-height:      22px;
  border:           1px solid #2B5E8B;
  display:          block;
  text-align:       center;
  margin-bottom:    20px;
}

#admin h2 {
  height:           22px;
  line-height:      22px;
  background-color: #EFEBE7;
  border:           1px solid #C3B7AC;
  display:          block;
  text-align:       right;
  font-size:        10px;
  color:            #000000;
  padding:          0 15px;
  margin-top:       20px;
  text-transform:   none;
}

#admin table {
  margin:           25px;
}

#admin th {
  background-color: #EFEBE7;
  color:            #2B5E8B;
  border:           1px solid #C3B7AC;
  padding:          2px;
}

#admin td {
  border:           1px solid #C3B7AC;
  padding:          2px;
  height:           22px;
  line-height:      22px;
}

.admin-edit, .admin-new , .admin-delete,  #admin legend {
  padding-left:     25px;
  text-transform:   capitalize;
  border:           none;
  height:           22px;
  line-height:      22px;
  margin:           5px;
  color:            #2B5E8B;
}

.admin-edit {background:url(../images/admin-edit.png) left center no-repeat;}
.admin-new {background:url(../images/admin-new.png) left center no-repeat;}
.admin-delete {background:url(../images/admin-delete.png) left center no-repeat;}

.admin-info {
  background:       #F3D6C0 url(../images/admin-save.png) 4px center no-repeat;
  color:            #F36600;
  height:           22px;
  line-height:      22px;
  border:           1px solid #F36600;
  margin:           25px;
  padding:          5px;
  padding-left:     30px;
  font-weight:      bolder;
}

#admin input, #admin textarea, #admin select {
  float:none;
  position:absolute;
  left:220px;
}
#admin fieldset {
  background-image: none;
  background-color: #FFFFFF;
  border:           1px solid #C3B7AC;
  padding:          20px;
  margin:           25px;
  line-height:      28px;
}
#admin label {
  color:            #2B5E8B;
}