HTML
{
/*PUBLIC*/
margin:0;
padding:0;

}
BODY
{
border:none;
overflow:none;
margin:0 auto;
padding:0;
width:100%;
background:url(/img/front/bg-general.png) repeat-x #e1e7ed;
font-family:Arial,Helvetica,sans-serif;
font-size: 12px;
color:white;
}
div, p, ul, h1, h2, h3, img, form
{
padding:0; 
margin:0;

}
ul
{
list-style-type:none;
}
A:link
{
text-decoration: none;
color:white;

}
A:active
{
text-decoration: none;
color:#ccc;


}
A:visited
{
text-decoration: none;
color:#ccc;


}
A:hover
{
text-decoration:none;
color:#ccc;


}
H1
{
padding:0px;
margin:0px;

}
H2
{
padding:0px;
margin:0px;

}
form
{
display:inline;

}
iframe
{
background-color:#fff;
text-align: justify;
border-width:0px;
margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;

}
IMG a, IMG a:visited
{
 
border-color:#000;
border-style:solid;
border-width:thin;


}
IMG a:hover
{
 
border-color:#666;
border-style:solid;
border-width:thin;


}
LABEL
{
DISPLAY: block;
FLOAT: left;
WIDTH: 100px;
font-weight:bold;
margin-left:0;

}
p
{
padding:0px;
margin:0px;

}
SELECT
{
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666;
padding: 0px 0px 0px 0px;
border-style:solid;
border-width: 1px;
border-color:black;

}
TABLE TR TD TH
{
padding:0px;
margin:0px;

}
input[type=checkbox], input[type=radio]
{
border: none;
margin:0;
padding:0;

}
INPUT[type=text], INPUT[type=password]
{
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666;
padding: 0px 0px 0px 0px;
border-style:solid;
border-width: 1px;
border-color:black;


}
TEXTAREA
{
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666;
padding: 0px 0px 0px 0px;
border-style:solid;
border-width: 1px;
border-color:black;
overflow:auto;


}
#lightbox
{
position:absolute;
left:0px; 
display:block;
width:100%;
z-index: 100; 
text-align:center;
line-height:0;
}
#lightbox img#lightboxImage
{
width: auto; 
height: auto;

}
#lightbox a img
{
border: none;

}
#outerImageContainer
{
position: relative; 
background-color: #fff; 
width: 250px; 
height: 250px; 
margin: 0 auto;

}
#imageContainer
{
padding: 10px;
}
#loading
{
 position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;

}
#hoverNav
{
position: absolute;
 top: 0; 
left: 0; 
height: 100%; 
width: 100%; 
z-index: 10;

}
#imageContainer>#hoverNav
{
 left: 0

}
#hoverNav a
{
 outline: none

}
#prevLink, #nextLink
{
 width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA);/* Trick IE into showing hover */ display: block;

}
#prevLink 
{
 left: 0; float: left

}
#nextLink 
{
 right: 0; float: right

}
#prevLink:hover, #prevLink:visited:hover 
{
 background: url(/img/lightbox/prevlabel.gif) left 15% no-repeat;

}
#nextLink:hover, #nextLink:visited:hover 
{
 background: url(/img/lightbox/nextlabel.gif) right 15% no-repeat;

}
#imageDataContainer
{
 font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%;

}
#imageData
{
padding:0 10px; color: #666;

}
#imageData #imageDetails
{
 width: 70%; float: left; text-align: left;

}
#imageData #caption
{
 font-weight: bold

}
#imageData #numberDisplay
{
 display: block; clear: left; padding-bottom: 1.0em

}
#imageData #bottomNavClose
{
 width: 66px; float: right;  padding-bottom: 0.7em; outline: none

}
 #overlay
{
 position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;

}
#envoyer
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
height: 18px;
color: white;
background-color:#5E686A;

}
#std_layer
{
border:solid black 1px;
top:0px;left:0px;
position:absolute;
width:480px;
height:300px;

}
#std_shut
{
position:absolute;
top:0%;left:100%;
width:16px;
height:16px;
margin-left:-16px;
background-image:url(/img/back/theme/close_16.png);
background-repeat:no-repeat;
background-color:white;
cursor:pointer;
z-index:99;

}
#std_sublayer
{
border:solid black 1px;
top:0px;left:0px;
position:absolute;
width:480px;
height:300px;

}
#d_content_separator
{
display:block;
width:100%;
height:8px;


}
#d_restricted
{
display:block;
width:100%;
height:100%;
background-image:url(/img/front/restricted.png);
background-repeat:no-repeat;
background-position:50% 50%;

}
#d_restricted img
{
width:30%;


}
#content1 h1
{
width:400px;
color:#373026;
font-size:20px;
line-height:20px;
font-family:Georgia, garamond, times new roman,serif;
font-weight:normal;
margin-top:10px;
margin-left:10px;
}
#content1 p
{
width:392px;
height:124px;
padding:10px 10px 14px 10px;
color:#535353;
font:12px/14px tahoma, arial, sans-serif;
text-align:justify;
}
#content2 h1
{
width:400px;
color:#373026;
font-size:20px;
line-height:18px;
font-family:Georgia, garamond, times new roman,serif;
font-weight:normal;
margin-top:10px;
margin-left:10px;
}
#content2 p
{
width:392px;
padding: 10px 10px 14px 10px;
color:#535353;
font:12px/14px tahoma, arial, sans-serif;
text-align:justify;
}
#rightContent table tbody tr td.description-tableau
{
width:288px;
height:13px;
color:#373026;
font-size:12px;
font-family:tahoma, arial, sans-serif;

}
#content2
{

width:412px;
height:284px;
margin:0;
padding:0;
}
#header img
{
border:none;
}
#mainBody 
{
text-align: left;
margin: auto;
width: 730px;
position: relative;

}
#topNav 
{
position: absolute;
top: 14px;
left: 414px;
width: 266px;
height: 32px;
background-color:#373026;

}
#topNav ul 
{
text-align: center;
line-height: 32px;

}
#topNav li 
{
display: inline;
font-size: 12px;
color: #fff;

}
#topNav a 
{
text-decoration: none;
font-weight: normal;
color: #fff;

}
#topNav a:hover 
{
text-decoration: underline;

}
#boxTextRight 
{
background: url(/img/front/boxTextRight.png) no-repeat;
position: absolute;
top: 46px;
left: 680px;
width: 48px;
height: 238px;

}
#header 
{
background: url(/img/content/header-accueil.png) no-repeat;
position: absolute;
top: 46px;
left: 0px;
width: 680px;
height:238px;

}
#spacer 
{
height: 285px;

}
#body 
{
width:780px;

}
#leftPan 
{
float:left;
position:relative;
top:34px;
left:0px;
width:412px;
height:452px;
/*background-color:#d2dae4;*/
margin:0;
padding:0;
}
#rightPan 
{
float:left;
left:392px;
width:318px;
padding-top:35px;
margin:0;
background-color:#FFF;



}
#menuTop 
{
float:left;
position:relative;
width:730px;
background:#FFF;

}
#content1 
{
width:412px;
height:168px;
color:#535353;


}
#content1 a 
{
text-decoration: none;

}
#content1 a:hover 
{
text-decoration: underline;

}
#rightContent 
{
padding:10px 10px 10px 10px;
font:12px/12px tahoma, arial, sans-serif;
color:#535353;
}
#rightPan p 
{
margin-top: 0;
color: #163348;

}
#rightPan .left 
{
margin-right: 4px;

}
#rightPan a 
{
color: #163348;
font-weight: bold;
text-decoration: none;

}
#rightPan a:hover 
{
text-decoration: underline;

}
#footer 
{
position:relative;
float:right;
background:#373026;
color:#fff;
text-align:center;
font-size: 11px;
width:318px;
height:26px;
padding:3px 0px;
margin-bottom:10px;
}
#menu_H
{
position:absolute;
top:0px;
left:0px;
width:680px;
height:35px;
font:14px/14px Arial, Helvetica, sans-serif;
font-weight:bold;
margin:0 auto;
z-index:100;


}
#menu_H a.H_item
{
display:block;
width:134px;
height:22px;
border-right:solid 1px #FFF;
text-decoration: none;
background:url(/img/content/bg-menu-off.png) repeat-x;
color:#FFF;
text-align:center;
padding:10px 0px 3px 0px;



}
#menu_H ul li
{
float:left;
padding:0; 
margin:0;





}
#menu_H a.H_item:hover
{
display:block;
width:134px;
border-right:solid 1px #FFF;
text-decoration: none;
background:url(/img/content/bg-menu-on.png) repeat-x;
color:#FFF;
text-align:center;
height:22px;
padding:10px 0px 3px 0px;



}
#menu_H a.H_current
{
display:block;
width:134px;
border-right:solid 1px #FFF;
text-decoration: none;
background:url(/img/content/bg-menu-on.png) repeat-x;
color:#FFF;
text-align:center;
height:22px;
padding:10px 0px 3px 0px;
}
#menu_topNav_H
{
position:absolute;
top:0px;
left:0px;
width:186px;
height:20px;
font:14px/14px Arial, Helvetica, sans-serif;
font-weight:bold;
margin:0 auto;
z-index:100;
padding-left:80px;


}
#menu_topNav_H a.H_item
{
display:block;
text-decoration: none;
color:#FFF;
text-align:center;


}
#menu_topNav_H ul li
{
float:left; 
padding:0; 
margin:0; 
text-indent:10px;


}
#menu_topNav_H a.H_item:hover
{
color:#5db3df;


}
#menu_H a.H_current:link, #menu_H ul li a.H_current:visited
{
display:block;
border-right:solid 1px #FFF;
text-decoration: none;
background:url(/img/content/bg-menu-on.png) repeat-x;
color:#FFF;
text-align:center;
height:22px;
padding:10px 0px 3px 0px;
width:134px;



}
#menu_topNav_H a.H_current
{
color:#5db3df;


}
#page_break
{
text-align:center;
}
#page_next
{

}
#page_next A, #page_next A:active, #page_next A:visited
{
color:#black;
font-size:12px;
}
#page_next A:hover
{

}
#page_previous
{

}
#page_previous A, #page_previous A:active, #page_previous A:visited
{
font-size:12px;;
}
#page_previous A:hover
{

}
.menu_basic_V
{
margin:0;
background-color:#FFFFFF;
//padding: 3px 10px 0px 10px;
font-size: 12px;
font-weight: normal;
color:#661139;
border:solid 1px #661139;

}
.menu_basic_V_item:link, .menu_basic_V_item:visited 
{
display:block;
width:100%;
white-space: nowrap;
position: relative;
padding:3px;
z-index:2;


}
.menu_basic_V_item:hover
{
background:#ccc;


}
.menu_basic_V_current
{
display:block;
width:100%;
white-space: nowrap;
z-index:2;
padding:3px;
background-color:#aaa;

}
.menu_basic_V_back:link, .menu_basic_V_back:visited
{
display:block;
line-height:20px;
margin-left:20px;
padding-left:20px;
text-align:center;
font-weight:normal;
color:#7d901b;
margin-top:10px;
background-color:#ccc;


}
.menu_basic_V_menu_title
{
font-style:bold;
font-size:14px;
color:#ccc


}
.menu_basic_V_title
{
font-style:italic;
color:#ccc;


}
.menu_hyp_item:link, .menu_hyp_item:visited 
{
display:block;
width:150px;
white-space: nowrap;
position: relative;
padding:3px;
z-index:2;

}
.menu_hyp_item:hover
{
background:#ccc;

}
.menu_hyp_current
{
display:block;
white-space: nowrap;
position: absolute;
padding:3px;
z-index:2;
background-color:#aaa;

}
.menu_hyp_back:link, .menu_hyp_back:visited
{
display:block;
line-height:20px;
margin-left:20px;
padding-left:20px;
text-align:center;
font-weight:normal;
color:#7d901b;
margin-top:10px;
background-color:#ccc;


}
.menu_hyp_menu_title
{
font-style:bold;
font-size:14px;
color:#ccc


}
.menu_hyp_title
{
font-style:italic;
color:#ccc;


}
.pointer
{
cursor:pointer

}
.vscroll2
{
display: block;
overflow-x:hidden;
overflow-y:auto;
overflow:-moz-scrollbars-vertical;

}
.inputTypeSubmit
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #ffffff;
padding: 2px 2px 2px 2px;
border-color: #BFBBBB;
border-style: solid;
border-width: 1px;
background-color: #6F757B;
margin:3px;
cursor:pointer;


}
.inputTypeText
{
margin: 3px 0 2px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #BFBBBB;
padding: 2px 2px 2px 2px;
border-color: #BFBBBB;
border-style: solid;
border-width: 1px;
width: 146px;


}
.nowrap
{
white-space:nowrap;


}
.vscroll
{
display: block;
/*overflow:hidden;*/
overflow-x:hidden;
overflow-y: auto;
overflow:-moz-scrollbars-vertical;


}
.menu_cin_H_item_0
{
display : block;
width : 148px;
float : left;
height : 178px;
background:url(/img/content/mid_pan_site.jpg) left top no-repeat;
padding-top :30px;
text-align:center;
text-decoration:none;



}
.menu_cin_H_item_1
{
display :inline;
width : 148px;
float : left;
height : 178px;
background:url(/img/content/mid_pan_heberg.jpg) left top no-repeat;
padding-top :30px;
text-align:center;


}
.menu_cin_H_item_2
{
display : inline;
width : 148px;
float : left;
height :178px;
background:url(/img/content/mid_pan_ref.jpg) left top no-repeat;
padding-top :30px;
text-align:center;

}
.menu_cin_H_item_3
{
display : inline;
width : 148px;
float : left;
height : 178px;
background:url(/img/content/mid_pan_cin.jpg) left top no-repeat;
padding-top :30px;
text-align:center;
font-weight:bold;

}
.menu_cin_H_item_0:hover,.menu_cin_H_item_1:hover,.menu_cin_H_item_2:hover,.menu_cin_H_item_3:hover
{
display : inline;
width : 148px;
float : left;
height : 178px;
text-align:center;
font-weight:bold;


}
.tableau_reset
{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;

}
.tableau_sans
{
padding:0;
margin:0;
border:none;

}
.tableau_titre3 td
{
font-weight:bold;
border-bottom:solid #00501f 1px;
height:25px;
background-color:#00501f;
color:#fff;

}
tr.tableau_liste1:hover
{
background-color:#ccc;


}
.tableau_liste1 td
{
padding:2px;


}
tr.tableau_liste1_np:hover td
{
background-color:#ccc;


}
.tableau_liste1_np td
{
padding:0px;


}
.tableau_liste2 td
{
padding:2px;


}
tr.tableau_liste2:hover
{
background-color:#eee;


}
.tableau_titre1 td
{
font-weight:bold;
border-bottom:solid black 1px;
height:20px;


}
.tableau_titre2 td
{
font-weight:bold;
border-bottom:solid #999 1px;
height:20px;


}
.tableau_titre_cadre td
{
font-weight:bold;
border:solid black 1px;
height:25px;
text-align:center;


}
.tableau_titre_cadre1 td
{
border-top:solid black 1px;
border-bottom:none;
background-color:#ccc;
padding:2px;
height:25px;


}
.tableau_titre_cadre1 td.first
{
border-left:solid black 1px;


}
.tableau_titre_cadre1 td.last
{
border-right:solid black 1px;


}
.tableau_underline0 td
{
border-bottom:solid red 1px;
height:25px;


}
.tableau_underline1 td
{
border-bottom:solid black 1px;
height:25px;


}
.tableau_underline2 td
{
border-bottom:solid #ccc 1px;
height:25px;


}
.no-border
{
border:none;

}
.edit-download
{
cursor:pointer;
width:20px;height:20px;
background-image:url(/img/back/edit/edit-save.png);
background-repeat:no-repeat;
background-position:50% 50%;
}
.edit-apply
{
cursor:pointer;
width:20px;height:20px;
background-image:url(/img/back/edit/edit-apply.png);
background-repeat:no-repeat;
background-position:50% 50%;

}
.edit-back
{
cursor:pointer;
width:20px;height:20px;
background-image:url(/img/back/edit/edit-back.png);
background-repeat:no-repeat;
background-position:50% 50%;

}
.edit-browse
{
cursor:pointer;
width:20px;height:20px;
background-image:url(/img/back/edit/edit-browse.png);
background-repeat:no-repeat;
background-position:50% 50%;

}
.edit-delete
{
cursor:pointer;
width:20px;height:20px;
background-image:url(/img/back/edit/edit-delete.png);
background-repeat:no-repeat;
background-position:50% 50%;


}
.edit-homepage
{
cursor:pointer;
width:20px;height:20px;
background-image:url(/img/back/edit/edit-homepage.png);
background-repeat:no-repeat;
background-position:50% 50%;


}
.edit-lock
{
cursor:pointer;
width:20px;height:20px;
background-image:url(/img/back/edit/edit-lock.png);
background-repeat:no-repeat;
background-position:50% 50%;


}
.edit-parent
{
cursor:pointer;
width:20px;height:20px;
background-image:url(/img/back/edit/edit-parent.png);
background-repeat:no-repeat;
background-position:50% 50%;


}
.edit-print
{
cursor:pointer;
width:20px;height:20px;
background-image:url(/img/back/edit/edit-print.png);
background-repeat:no-repeat;
background-position:50% 50%;


}
.edit-see
{
cursor:pointer;
width:20px;height:20px;
background-image:url(/img/back/edit/edit-see.png);
background-repeat:no-repeat;
background-position:50% 50%;

}
.edit-seek
{
cursor:pointer;
width:30px;height:30px;
background-image:url(/img/back/edit/edit-seek.png);
background-repeat:no-repeat;
background-position:50% 50%;

}
.edit-select
{
cursor:pointer;
width:20px;height:20px;
background-image:url(/img/back/edit/edit-select.png);
background-repeat:no-repeat;
background-position:50% 50%;


}
.edit-upload
{
cursor:pointer;
width:20px;height:20px;
background-image:url(/img/back/edit/edit-upload.png);
background-repeat:no-repeat;
background-position:50% 50%;

}
.edit-add
{
cursor:pointer;
width:20px;height:20px;
background-image:url(/img/back/edit/edit-add.png);
background-repeat:no-repeat;
background-position:50% 50%;


}
.edit-checked
{
cursor:pointer;
width:20px;height:20px;
background-image:url(/img/back/edit/edit-checked.png);
background-repeat:no-repeat;
background-position:50% 50%;

}
.edit-edit
{
cursor:pointer;
width:20px;height:20px;
background-image:url(/img/back/edit/edit-edit.png);
background-repeat:no-repeat;
background-position:50% 50%;


}
.edit-inject
{
cursor:pointer;
width:20px;height:20px;
background-image:url(/img/back/edit/edit-inject.png);
background-repeat:no-repeat;
background-position:50% 50%;


}
.edit-invert
{
cursor:pointer;
width:20px;height:20px;
background-image:url(/img/back/edit/edit-invert.png);
background-repeat:no-repeat;
background-position:100% 100%;


}
.edit-remove
{
cursor:pointer;
width:20px;height:20px;
background-image:url(/img/back/edit/edit-remove.png);
background-repeat:no-repeat;
background-position:50% 50%;


}
.edit-selectall
{
cursor:pointer;
width:20px;height:20px;
background-image:url(/img/back/edit/edit-selectall.png);
background-repeat:no-repeat;
background-position:100% 100%;


}
.edit-sizeM
{
visibility:hidden;
cursor:pointer;
width:20px;height:20px;
background-image:url(/img/back/edit/edit-size-.png);
background-repeat:no-repeat;


}
.edit-sizeP
{
cursor:pointer;
width:20px;height:20px;
background-image:url(/img/back/edit/edit-size+.png);
background-repeat:no-repeat;


}
.edit-trash
{
cursor:pointer;
width:20px;height:20px;
background-image:url(/img/back/edit/edit-trash.png);
background-repeat:no-repeat;
background-position:50% 50%;


}
.edit-unchecked
{
cursor:pointer;
width:20px;height:20px;
background-image:url(/img/back/edit/edit-unchecked.png);
background-repeat:no-repeat;
background-position:50% 50%;

}
.edit-unselect
{
cursor:pointer;
width:20px;height:20px;
background-image:url(/img/back/edit/edit-unselect.png);
background-repeat:no-repeat;
background-position:100% 100%;


}
.edit-export
{
cursor:pointer;
width:20px;height:20px;
background-image:url(/img/back/edit/edit-export.png);
background-repeat:no-repeat;
background-position:50% 50%;

}
.f_label
{
width:200px;

}
.f_large
{
width:316px;

}
.f_medium
{
width:100px;

}
.f_radio
{
width:60px;

}
.f_short
{
width:80px;

}
.f_small
{
width:40px;

}
.left
{
display:block;
float:left;
}
.right
{
display:block;
float:right;
}
.texte_thumb
{
font-family:arial;
font-size:10px;
color:black;
}
.titre
{
width:400px;
color:#373026;
font-size:20px;
line-height:18px;
font-family:Georgia, garamond, times new roman,serif;
margin-top:10px;
margin-left:10px;
}
.titre-periode
{
color:#5db3df;
font-size:14px;
font-weight:bold;
font-family:georgia, garamond, times new roman, serif;
}
.soustitre_article
{
font-family:Georgia, Garamond, Times New Roman, Serif;
font-size:14px;
color:#535353;
}
.texte_courant
{
font-family:tahoma,arial, verdana, sans-serif;
font-size:12px;
color:#535353;
width:400px;
text-align:justify;
}
.titre_article
{
font-size: 18px;
font-weight:bold;
font-family:arial;


}
.titre-tableau
{
width:290px;
height:20px;
background-color:#5db3df;
color:#FFF;
font-size:16px;
font-family:tahoma, arial, sans-serif;

}
.description-tableau
{
width:288px;
height:13px;
color:#373026;
font-size:12px;
font-family:tahoma, arial, sans-serif;
text-align:left;
margin:0;
padding:0;

}
.saison-tarifs
{
width:250px;
height:13px;
background-color:#3b485c;
font:14px tahoma, arial, sans-serif;
color:#FFF;

}
.tarifs
{
width:50px;
height:15px;
background-color:#427f9e;
font:14px tahoma, arial,sans-serif;
color:#FFF;

}
.button_add_submit
{
position:absolute;
cursor:pointer;
width:80px;
border:solid black 1px;

}
.button_std
{
cursor:pointer;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
padding:0;
border-style:solid;
border-width: 1px;
border-color:black;
background-color:#ECE9D8;
}
.button_submit
{
position:absolute;
cursor:pointer;
width:100px;
height:20px;
margin-left:-100px;
margin-top:-20px;
top:100%;
left:100%;
border:solid black 1px;

}
.contentLeft
{
vertical-align:top;
border-right:#661139 dashed 1px;
padding: 0 8px 0 3px;
text-align:justify;
font-size: 12px;
width:50%;


}
.contentRight
{
vertical-align:top;
padding: 0 5px 0 6px;
text-align:justify;
font-size: 12px;
width:50%;


}