@charset "UTF-8";
/* Created by Alpha Omega inc. (www.alphaomega-tremblant.com) */


/*----/ BODY /----*/

body{ margin:0px; background-image:url(../images/content_bg.jpg); background-repeat:repeat-x; background-position:center top; color:#162e55; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}
a {color:#003366; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none}
a:link {color:#003366; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none}
a:visited {color:#003366; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none}
a:visited:hover {color:#003366; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline}
a:hover {color:#003366; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline}
a:active{outline:none;}
a:focus{-moz-outline-style:none;}

.right { width:28px; background-image:url(../images/content_rightbg.jpg); background-repeat:repeat-y; background-position:left top; color:#fff; padding:0px;}
.left { width:27px; background-image:url(../images/content_leftbg.jpg); background-repeat:repeat-y; background-position:left top; color:#fff; padding:0px;}

#banner{width:996px; height:348px; position:relative; margin:0 auto;}
.banner2{height:348px; position:absolute; margin:0 auto;}
#logo{ width:357px; height:99px; position:absolute; left:320px; top: 0px;}
#circulaire{ width:180px; height:72px; position:absolute; right:30px; top: 0px;}
#menu{ width:941px; height:46px; position:absolute; top:302px;left:27px;}

/*-----------------------------------------------------------------------*/

/*----/ HEADERS H1 H2 H3 H4 /----*/

h1{ margin:0; font-weight:bold; color:#c87c0d; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; padding:0px;}
h1 a{ margin:0; font-weight:bold; color:#c87c0d; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; padding:0px;}
h1 a:link{ margin:0; font-weight:bold; color:#c87c0d; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; padding:0px;}
h1 a:visited{ margin:0; font-weight:bold; color:#c87c0d; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; padding:0px;}
h1 a:visited:hover{margin:0; font-weight:bold; color:#c87c0d; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; padding:0px;text-decoration:underline;}
h1 a:hover{ margin:0; font-weight:bold; color:#c87c0d; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; padding:0px;text-decoration:underline;}

h2{ margin:0; font-weight:bold; color:#003366; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; padding:0px;}
h2 a{ margin:0; font-weight:bold; color:#003366; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; padding:0px;}
h2 a:link{ margin:0; font-weight:bold; color:#003366; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; padding:0px;}
h2 a:visited{ margin:0; font-weight:bold; color:#003366; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; padding:0px;}
h2 a:visited:hover{margin:0; font-weight:bold; color:#003366; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; padding:0px;text-decoration:underline;}
h2 a:hover{ margin:0; font-weight:bold; color:#003366; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; padding:0px;text-decoration:underline;}

/*-----------------------------------------------------------------------*/

/*----/ CONTENT /----*/

.content { background-color:#fff; background-repeat:no-repeat; color:#303030; padding:13px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#content { font-family:Verdana, Arial, Helvetica, sans-serif; background:url(../images/content_box.jpg) bottom no-repeat; padding:5px 15px 20px 15px;}
#content2 { font-family:Verdana, Arial, Helvetica, sans-serif; background:url(../images/content_box.jpg) bottom no-repeat; padding:5px 15px 20px 15px; height:710px;}

#boxes { font-family:Verdana, Arial, Helvetica, sans-serif;}

#linklist{ padding:4px margin:0; }
#linklist ul{ padding:0; margin:0; list-style-type:none;}
#linklist ul li.title{background:none; color:#162e55; font-family: Arial, Helvetica, sans-serif; font-size:14px; padding:0px; text-decoration:underline;}
#linklist ul li { height:24px; font-size:13px; list-style-type:none;}
#linklist ul li a{  height:24px; font-size:13px; display:block; background:url(../images/arrow.gif) 0 5px no-repeat; color:#162e55; text-decoration:none; line-height:24px; padding:0 0 0 22px;}
#linklist ul li a:hover{background:url(../images/arrow.gif) 4px 5px no-repeat; color:#c87c0d; text-decoration:none; font-size:13px;}
#linklist ul li span{text-decoration:none; font-size:13px;}

.orange {color:#c87c0d; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none}
.orange a {color:#c87c0d; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none}
.orange a:link {color:#c87c0d; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none}
.orange a:visited {color:#c87c0d; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none}
.orange a:visited:hover {color:#c87c0d; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline}
.orange a:hover {color:#c87c0d; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline}

.green {color:#006633; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none}
.green a {color:#006633; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none}
.green a:link {color:#006633; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none}
.green a:visited {color:#006633; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none}
.green a:visited:hover {color:#006633; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:underline}
.green a:hover {color:#006633; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:underline}

.blue {color:#003366; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none}
.blue a {color:#003366; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none}
.blue a:link {color:#003366; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none}
.blue a:visited {color:#003366; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none}
.blue a:visited:hover {color:#003366; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline}
.blue a:hover {color:#003366; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline}

.runaround {  float:right; clear: right; font-family:Verdana, Arial, Helvetica, sans-serif;}
#run1 {width: 380px; height: 252px;}
#run2 {width: 380px; height: 450px;}
#run3 {width: 380px; height: 510px;}
#run4 {width: 500px; height: 670px;}

.runaround2 {  float:left; clear: left; font-family:Verdana, Arial, Helvetica, sans-serif;}
#smallpic {width: 145px; height: 115px;}
#smallpic2 {width: 90px; height: 90px;}

.emplois { background-color:#D9D9D9; color:#c87c0d; padding:13px; font-family:Verdana, Arial, Helvetica, sans-serif;}

/*-----------------------------------------------------------------------*/


/*----/ BOTTOM BOXES /----*/

.box { display:block; background-image:url(../images/bottom_box/box_bg.jpg); background-repeat:no-repeat; background-position:center top; font-family:Verdana, Arial, Helvetica, sans-serif; width:304px; height:218px; float:left; padding-left:1px;}
.box:hover{ display:block; background-image:url(../images/bottom_box/box_bg-over.jpg); background-repeat:no-repeat; background-position:center top; font-family:Verdana, Arial, Helvetica, sans-serif; width:304px; height:100%; float:left; padding-left:1px;}

#boxtextdiv { background:none; padding:18px; font-family:Verdana, Arial, Helvetica, sans-serif;}

.tendanceTitle { font-family:Impact; font-size:20px; font-weight:bold;}


/*-----------------------------------------------------------------------*/

problemelist{padding:0px;margin:0px;list-style:none;float:left; border-left:#FFFFFF solid 2px;}

#problemelist .title {
background:#006699 ;border-bottom:1px #FFFFFF solid;
text-decoration:none;color:#504b4b;padding:10px; color: #fff; font-size: 14x; font-weight:bold; border-left:#FFFFFF solid 2px;}
#problemelist .title2 {
background:#CC9900;border-bottom:1px #FFFFFF solid;
text-decoration:none;color:#504b4b;padding:10px; color: #fff; font-size: 14x;font-weight:bold; border-left:#FFFFFF solid 2px;}

#problemelist .odd {
background: #e9e9e9 ;border-bottom:1px #FFFFFF solid;
text-decoration:none;color:#504b4b;padding:10px; border-left:#FFFFFF solid 2px; }

#problemelist .even {
background: url(../images/list_bg.jpg) repeat-y center top; border-bottom:1px #FFFFFF solid;
text-decoration:none;color:#504b4b;padding:10px;  border-left:#FFFFFF solid 2px;}

/*-----------------------------------------------------------------------*/


/*----/ FOOTER /----*/

#footer{height:127px; background:url(../images/footer_bg.jpg) 0 0 repeat-x; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; position:relative; margin:0 auto; clear:both; padding:0;}

.footerdiv{ color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding-top:35px; text-align:center;}
.footerdiv a { color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:center;}
.footerdiv a:link { color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:center;}
.footerdiv a:visited { color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:center;}
.footerdiv a:visited:hover { color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:center; font-weight:500; text-decoration:underline;}
.footerdiv a:hover { color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:center; font-weight:500; text-decoration:underline;}

/*-----------------------------------------------------------------------*/


/*----/ FORM /----*/

#formbox {margin:0; font-weight:normal; background: url(../images/membre_bg.jpg) left bottom repeat-x; color:#003366; width:380px; font-family: Arial, Helvetica, sans-serif; padding:0px;}
.inputstyle { border: 1px solid #003366; background: url(none) no-repeat #ffffff; font-family: Arial, Helvetica, sans-serif; font-style: normal; padding: 2px; font-size: 13px; color: #003366;}
.labelstyle { font-family: Arial, Helvetica, sans-serif; font-weight:bold; padding: 2px; font-size: 13px; color: #003366; }
.btn {background: url(../images/buttonbg.jpg) repeat-x; background-position: 0 -26px; height:24px;color:#FFFFFF;font-weight:bold;border:none; cursor:pointer;}
.btn:hover { background-position: 0 0px; color:#FFFFFF;height:24px;border:none; cursor:pointer;}

#plan_image 
{
	position:relative;
	left:2px
}