@media screen {

/*---[CSS reset]-{{{---*/
html, body, h1, h2, h3, h4, h5, h6 p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
    padding:0;
    margin:0;
    font-size:100%;
    font-weight: normal;
}
ol {
    margin-left: 1.4em;
    list-style-type:decimal;
}
ul {
    margin-left: 1.4em;
    list-style-type:square;
}
img {
    border:0;
}

/*-}}}-*/

/*---[general]-{{{---*/
body {
    background:#7199cc url(img/bg_body.jpg) no-repeat scroll left top ;
    margin:0;
    padding:0;
    border: 0 none;
    text-align: center;
    color:#0b223f;
    font-family: Arial, Helvatica, sans-serif;
    font-size:100%;
}

hr{
    clear:both;
    visibility:hidden;
    margin:0;
    padding:0;
}

#wrap {
    margin: 1em auto 0 ;
    width: 60em;
    text-align: left;
}

#head {
    font-size: 1em ;
    background: transparent ;
}



#menu {
    font-size: 1em ;
    margin: 1em 0 1em ;
    background: #FFFFFF ;
    border: 3px solid #FFFFFF;
}

#breadcrumbs {
    font-size: 1em ;
    margin: 1em 0 1em ;
    background: #FFFFFF ;
    border: 3px solid #FFFFFF;
}

#content {
    font-size: 0.75em ;
    margin: 1em auto 0 ;
    background: #FFFFFF url(img/bg_content.gif) repeat-x scroll center top;
    border: 3px solid #FFFFFF;
}

#deck {
    font-size: 0.75em ;
    margin: 1em 0 1em ;
    padding: 1em ;
    background: #FFFFFF url(img/bg_deck.gif) repeat-x scroll center bottom;
    border: 3px solid #FFFFFF;
    text-align: center;
}


h1, h2, h3, h4, h5, h6 {
    margin:0;
    padding:0.66em 0;
}

h1 { font-size: 1.5em;  font-weight:900;}
h2 { font-size: 1.33em; font-weight:900;}
h3 { font-size: 1.17em; font-weight:900;}
h4 { font-size: 1em;    font-weight: 900;}
h5 { font-size: 1em;    font-weight:900;}
h6 { font-size: 1em;    font-weight:900;}

p {
    font-size: 1em;
}

input, select, th, td {
    font-size:1em
}

li li, li p, td p, blockquote p {
    font-size:1em
}

form {
    background: #F5F4EF none repeat scroll 0 0 ;
    border-top: 1px solid #CCDDDD ;
    border-bottom: 2px solid #CCDDDD ;
    margin-top: 1em;
    padding: 1.5em 0 2em;
}

form dt {
    display: block;
    float: left;
    width: 25%;
}

form dd {
    margin-bottom: 1em;
}

form label {
    font-size: 1em;
    font-weight: 900;
}

form select, form input, form textarea {
    border: 1px solid #92A8A6 ;
}

form select:focus, form input:focus, form textarea:focus {
    border: 1px solid #92A8A6 ;
    background: #CCDDDD;
}

a:link, a:visited {
    color:#0066CC;
    text-decoration:none;
}
a:hover, a:active {
    color:#0066CC;
    text-decoration:underline;
}
a.img_link:link, a.img_link:visited, a.img_link:hover, a.img_link:active  {
    text-decoration: none;
}

.altern {
    background-color:#CCDDDD;
}

div#google_map {
    margin-top:1em;
}

.errors {
    color:#E3007A;
}

/*---}}}---*/

/*---[footer]-{{{-*/
#foot {
    background: transparent ;
    font-size: 0.63em ;
    margin: 1em 0 1em ;
    text-align: center;
}

#foot * {
    font-size: 1em ;
}

#foot ul {
    text-align: center;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#foot ul li {
    color:#0b223f;
    font-weight:300;
    padding: 0.5em 0.5em;
    text-align: center;
    display: inline;
}
/*-}}}-*/

/*---[home]-{{{-*/
#home h1, #home p {
    color: #000055 ;
}
#home .detail {
	font-size: 1.17em; 
	font-weight:900;
	font-style: italic ;
}
/*-}}}-*/

/*---[Photo]-{{{---*/
/*
 * +---[photo]----------------------------------------------+
 * |                                                        |
 * |     +--[cadre]---------------------------------+       |
 * |     |                                          |       |
 * |     |                                          |       |
 * |     |           +--<img>---------+             |       |
 * |     |           | IMAGE          |             |       |
 * |     |           |                |             |       |
 * |     |           |                |             |       |
 * |     |           |                |             |       |
 * |     |           |                |             |       |
 * |     |           +----------------+             |       |
 * |     |+--[text]--------------------------------+|       |
 * |     ||Text a gauche pour quand ca revient a la||       |
 * |     ||ligne.                                  ||       |
 * |     |+----------------------------------------+|       |
 * |     +------------------------------------------+       |
 * |                                                        |
 * |                                                        |
 * +--------------------------------------------------------+
 *
 *
 */
div.photo_group {
    margin-top: 5% ;
}
div.photo {
    float: left;
    text-align: center;
    border: 1px solid #DDDDDD;
    margin-top:2%;
    margin-bottom:2%;
    margin-left:2%;
    margin-right:2%;
}
div.photo_paysage {
    text-align: center;
    margin-top:2%;
    margin-bottom:2%;
    border: 1px solid #DDDDDD;
}
div.photo .cadre {
    margin: 3px ;
    background:#000000 url(img/bg_photo.gif) repeat scroll center bottom ;
}
div.photo .cadre img {
    float:left;
    margin: 1em;
    text-align: center;
}
div.photo .cadre ol {
    display: inline-block;
    margin: 1em;
    text-align: left;
}
div.photo .text {
    text-align: center;
    display: block ;
    width: 100%;
    font-size:0.88em;
}
div.photo .text h3 {
    text-align: center;
    margin:0;
    padding:0;
    font-weight:900;
}
div.photo .text p {
    text-align: center;
    margin:0;
}

img.logo_inline {
    float: left;
    margin-top: 3%;
    border: 0 ;
}
/*---}}}---*/

/*-[entete]-{{{---*/
#logo {
    width: 179px;
    float:left;
}
#bandeau {
    float:right;
    background: #FFFFFF ;
    border: 3px solid #FFFFFF;
    display: inline-block;
}
/*---}}}---*/

/*-[Menu]-{{{---*/
#menu {
    background:#E3E3E3;

}

#menu ul {
    font-size:1em;
    padding: 1em 0 ;
    margin: 0 1% ;
}

#menu ul li {
    display: inline ;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

/* commun a tous les etats */
#menu ul li a:link, #menu ul li a:visited, #menu ul li a:hover, #menu ul li a:active {
    color:#0b223f;
    font-weight:300;
    padding: 0.5em 0.5em;
    text-align: center;
    text-decoration:none;
}

/* item selectionne */
#menu ul li.active a:link, #menu ul li.active a:visited, #menu ul li.active a:hover, #menu ul li.active a:active {
    background:#0b223f url(img/bg_menu_active.gif) no-repeat scroll center top ;
    color:#F5F4EF;
    text-decoration:none;
}

/* souri au dessu de l'item */
#menu ul li a:focus, #menu ul li a:hover, #menu ul li a:active {
    background:#DB7700 url(img/bg_menu_hover.gif) no-repeat scroll center top ;
    color:#F5F4EF;
    text-decoration:none;
}

/*---}}}---*/

/*-[Content]-{{{---*/
#content {
    height: 1% ;
    padding: 3% ;
}

.zone {
    background: #FFFFFF url(img/bg_col.gif) no-repeat scroll center top ;
    padding: 0.33em 0;
}

#zone1, #main {
    width: 60% ;
    float: left ;
}

#zone2, #sidebar {
    width: 37% ;
    float: right ;
    text-align: center;
}
/*---}}}---*/




.image_list img {
    float: left;
    display: inline-block;
    padding:0;
    margin-top:2%;
    margin-left:2%;
    margin-bottom:2%;
    margin-right:10px;
}

p.question {
    color: #009CCA;
}

.image_list .right {
    float: right;
}

}