﻿@import url("boxes/contentbox.css");
@import url("boxes/box1.css");
@import url("boxes/box2.css");
@import url("boxes/box3.css");
@import url("boxes/box4.css");
@import url("boxes/menu.css");
@import url("menu.css");
@import url("fonts.css");

body 				{}

/*components*/
#indexseo_1 h1				{visibility:visible; /*visibility:visible;*/}/*index page: Welcome or Title;*/
#indexseo_2 h2 				{visibility:visible; /*visibility:visible;*/}/*index page: Page description goes here!;*/
#templateseo_1 h1 			{visibility:visible; /*visibility:visible;*/}/*template page: Welcome or Title;*/
#templateseo_2 h2 			{visibility:visible; /*visibility:visible;*/}/*template page: Page description goes here!;*/

#header						{visibility:visible; /*visibility:visible;*/}/*template page themed image: top left;*/
#splash_wrapper				{visibility:visible; /*visibility:visible;*/}/*template page themed image: top left;*/

#header_image_left			{visibility:visible; /*visibility:visible;*/}/*template page themed image: top left;*/
#header_image_right			{visibility:visible; /*visibility:visible;*/}/*template page themed image: top right;*/
#themed_image				{visibility:hidden; /*visibility:visible;*/}/*all pages themed object*/

#logo						{visibility:visible; /*visibility:visible;*/}/*flash animated logo*/
#logo_graphic				{visibility:hidden; /*visibility:visible;*/}/*static logo*/

#icons						{visibility:visible; /*visibility:hidden;*/}/*3 small icons*/
#tabmenu					{visibility:visible; /*visibility:hidden;*/}/*horizontal menu*/
#contact_bookmark			{visibility:visible; /*visibility:hidden;*/}/*contact and bookmark icons*/
#copyright_links			{visibility:visible; /*visibility:hidden;*/}/*coppyright and links: bottom*/
#timedate					{visibility:visible; /*visibility:hidden;*/}/*coppyright and links: bottom*/

/*common*/
body 						{margin:0px;}
p							{margin:0px;}
h6 							{ }

.cleaner 					{clear:both;height:1px;font-size:1px;border:none;margin:0; padding:0;background:transparent;}
.divider					{display:block; height:25px; width:200px; margin: 0px 0px 0px 10px; background-image:url('../graphics/divider.png');}
.divider_menu				{display:block; height:25px; width:200px; margin: 0px 0px 0px 10px; background-image:url('../graphics/divider.png');}

 
#header_image				{text-align:center; margin:0px; padding:0px;}

#copyright_links			{margin-left:auto; margin-right:auto; margin-top:0px; text-align:center;}
.copyright					{text-align:center; margin:0px; padding-top:45px;}
.bottom_links				{text-align:center; margin-top:6px; padding:0px;}

#contact_bookmark			{float:left; width:240px; margin-top:30px;}
 .favorites_button			{margin-left:auto; margin-right:auto; border-width: 0px;float:right;  /*margin: 0px 0px 0px 80px;*/}
 .contact_button			{margin-left:auto; margin-right:auto; border-width: 0px;float:left; /**/}
	
.icon1						{margin:0px; padding:0px 0px 0px 0px; vertical-align:top; text-align:left;}
.icon2						{margin:0px; padding:0px 0px 0px 0px; vertical-align:top; text-align:left;}
.icon3						{margin:0px; padding:0px 0px 0px 0px; vertical-align:top; text-align:left;}

.wrapper_faq				{text-indent:10px;}

/*alternate flash*/
.alternate_flash 			{width:810px; vertical-align:top; margin-left:auto; margin-right:auto; text-align:center; font-size:20px;}
.alternate_flash a:visited 	{color:#ff0000; font-size:20px; font-style:italic; font-weight:bold;}						
.alternate_flash a:link 	{color:#ff0000; font-size:20px; font-style:italic; font-weight:bold;}		
.alternate_flash a:hover 	{color:#ff0000; font-size:20px; font-style:italic; font-weight:bold;}
.alternate_flash a:active 	{color:#ff0000; font-size:20px; font-style:italic; font-weight:bold;}					
.alternate_flash a			{color:#ff0000; font-size:20px; font-style:italic; font-weight:bold;} 		
					
/*catalog page*/
.wrapper_catalog 			{margin:10px 0px 20px 0px; border-style:solid; border-color:#000000; border-width:1px; background-color:#213186; padding: 5px 5px 5px 5px;}
.catalog_image 				{width:150px; vertical-align:top; background-color:#ffffff;}
.catalog_description1 		{width:150px; vertical-align:top; background-color:#ffffff; text-indent:5px;}
.catalog_backtotop 			{width:150px; vertical-align:top;text-indent:5px; padding-top:3px;}
.catalog_learnmore 			{width:150px; vertical-align:top; background-color:#ffffff;}
.catalog_description2 		{width:100%; vertical-align:top; background-color:#ffffff;}
.catalog_price 				{width:100%; vertical-align:middle; background-color:#F7F7F7}
.catalog_divider hr 		{width:100%; height:1px; color:#C0C0C0; vertical-align:top; background-color:#ffffff;}
.catalog_addtocart 			{width:100%; vertical-align:top; background-color:#ffffff;}

.wrapper_catalog 			{color:#303419;}
.wrapper_catalog h2			{color:#303419;}
.catalog_image 				{color:#303419;}
.catalog_description1 		{color:#303419;}
.catalog_backtotop 			{color:#303419;}
.catalog_learnmore 			{color:#303419;}
.catalog_description2 		{color:#303419;}
.catalog_price 				{color:#303419;}
.catalog_divider hr 		{color:#303419;}
.catalog_addtocart 			{color:#303419;}


button, input.button {width:auto !important; margin-right:2px; margin-left:3px; border:1px solid #bfbfbf; border-right-color:#908d8d; border-bottom-color:#908d8d; padding:1px .5em; background:#e1e1e1 url(../graphics/default-button-bg.jpg) left center repeat-x; color:#000;}
button:active, input.button:active {border:1px solid #908d8d; border-right-color:#afafaf; border-bottom-color:#afafaf;}
button:hover, input.button:hover {cursor:pointer;}
button.primary, input.button.primary {border:1px solid #D9BA76; border-right-color:#6A3300; border-bottom-color: #6A3300; background:#C76D00 url(../graphics/submit-button-bg.jpg) right center repeat-x;}
button.primary:active, input.button.primary:active {border:1px solid #6A3300; border-right-color:#D9BA76; border-bottom-color:#D9BA76;}

 ....loading....

.selbg {
background-color:#162F6B;
color:#FFFFFF;
font-size:10px;
padding:5px;
}
.seltitle {
background-color:#445683;
color:#8ABBF5;
font-size:10px;
padding:5px;
text-transform:uppercase;
}

/* Ajout le 13-02-2010 */

/*Mise en page Tableau*/
.hdiv {
display:none;
}
.blueText9px {
color:#24345D;
font-size:9px;
}
.blueText10px {
color:#24345D;
font-size:10px;
}
.blueText11px {
color:#24345D;
font-size:11px;
}
.blueText12px {
color:#24345D;
font-size:12px;
}
.whiteText9px {
color:#FFFFFF;
font-size:9px;
}
.whiteText10px {
color:#FFFFFF;
font-size:10px;
}
.whiteText11px {
color:#FFFFFF;
font-size:11px;
}
.whiteText12px {
color:#FFFFFF;
font-size:12px;
}
.blackText8px {
color:#000000;
font-size:8px;
}
.blackText9px {
color:#000000;
font-size:9px;
}
.blackText10px {
color:#000000;
font-size:10px;
}
.blackText11px {
color:#000000;
font-size:11px;
}
.blackText12px {
color:#000000;
font-size:12px;
}
.blackText14px {
color:#000000;
font-size:14px;
}
.blackText16px {
color:#000000;
font-size:16px;
}
.orangeText9px {
color:#FFCC00;
font-size:9px;
}
.orangeText10px {
color:#FFCC00;
font-size:10px;
}
.orangeText11px {
color:#FFCC00;
font-size:11px;
}
.orangeText12px {
color:#FFCC00;
font-size:12px;
}
.orangeText14px {
color:#FFCC00;
font-size:14px;
}
.orangeText16px {
color:#FFCC00;
font-size:16px;
}
.terminalText {
font-family:"Courier New",Courier,mono;
font-size:12px;
}
.redText11px {
color:#CC0000;
font-size:11px;
}
.blueText14px {
color:#24345D;
font-size:14px;
}
/*Fin mise en page*/


/* Ditto 2 Blog
------------------------------------------------------------------------------- */
.ditto_item{

}
#ditto_item[+id+]{

}
.ditto_documentInfo{
  padding: 20px;
}
.ditto_introTitle{

}
.ditto_pageTitle{

}


.ditto_summaryPost h3 {
    margin: 0px !important;
    padding-left: 17px;
   	color: black;
    padding-top: 7px;
    padding-bottom: 5px
}
.ditto_summaryPost {
    width: auto;
	left: 20px;
	margin: 10px !important;
}
.ditto_summaryPost1 {
    width: 400px;
	left: 20px;
	margin: 10px !important;
    color: red;
}
.ditto_summaryPost .ditto_info {
    background-color: #F8F8F8;
    padding: 10px !important;
	font-size: 0.8em;
    color: black;
}
.ditto_link {
    font-size: 95%;
    width: 90px;
    float: right;
    padding-right: 65px;
    padding-bottom: 10px
}
.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    font-size: 86%;
    color: #ffffff;
}
#ditto_pages .ditto_next_link{
    border: 1px solid #FFBE97;
    padding: 1px 5px 2px 15px;
    margin-right: 1px;
    color: #fff;
}
#ditto_pages .ditto_page{
    border: 1px solid #FFBE97;
    padding: 1px 5px 2px 5px;
    margin-right: 1px;
    color: #fff;
    text-align:center;
}


#ditto_pages .ditto_currentpage {
    border: 1px solid #FFBE97;
    padding: 1px 5px 2px 5px;
    margin-right: 1px;
    background-color: #EC732C;
    color: #fff;
    text-align:center;
}
#ditto_pages .ditto_off {
    border: 1px solid #FFBE97;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #EC732C;

}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #FFBE97;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: #EC732C;

}
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}
#ditto_archivelist ul {
    list-style-type: none;
    margin-left: 25px;
    padding-left: 0;
}
#ditto_archivelist ul ul{
    list-style-type: square;
    margin-left: 45px;
}
#ditto_archivelist .ditto_month {
    font-weight: bold;
}
#ditto_wrapper .ditto_article {

margin-bottom: 20px;

}

#ditto_wrapper .ditto_title {

font-size: 115%;

width: 100%;

border-bottom: 1px solid #9c0;

}

#ditto_wrapper .ditto_title .ditto_info {

float: right;

display: block;

text-align: right;

font-size: 80%;

color: #555;

}

#ditto_wrapper /*.ditto_link*/ {

text-align: right;

font-size: 80%;

}

#ditto_wrapper a, #ditto_wrapper a:visited, #ditto_wrapper a:hover {

border: 0;

}


#ditto_legende { font-family: Verdana, Helvetica, sans-serif;font-size: 80%;line-height: 100%;float: right; color: ec732c}
.meta {
    height: 10px;
	padding: 0px 20px;
	line-height: normal;
}
.byline {
    font-size:0.9em;
    font-style:italic;
    float: left;
}
#reflect_example { width: 200px; }
#reflect_example h3 { display: none; }
#reflect_example ul { list-style: none; }
.reflect_archive_list ul { list-style: none !imporant; margin-left: 30px; padding-left: 0; padding-top: 5 }
.reflect_archive_list ul ul{ margin-left: 0px; }
.reflect_archive_list ul ul li { margin-top: -5px; margin-bottom: 0.8em; }
.reflect_archive_list li a { display:block; padding:5px 5px 5px 5px; margin:2 0 1px 0; background-color:#EC732C; border-right:10px solid #fff; color:#fff; text-decoration:none; border-left:2px solid #ddd; }
.reflect_archive_list li a:hover { background-color:#eee; color:#A14E1F; border-right:10px solid #eee; }
.reflect_month{width: 30%;}
.reflect_month_link{background-color: #ec732c; display: block; width: 100px;padding:5px 5px 5px 5px; margin:2 0 1px 0; }


/*modxmenu*/
#ajaxmenu{position:absolute;top:160px;left:0px;width:840px;height:43px;z-index:65;background:  url(images/header_840x43b.jpg) no-repeat left top;}
#ajaxmenu ul {margin: 0;padding: 0;list-style: none;}
#ajaxmenu ul li {position: relative;float: left;width:121px;display: block;text-decoration: none;text-align: center;font-weight: normal;}
#ajaxmenu ul li ul {position: absolute;left: 0; /* Set 1px less than menu width */top:28px;line-height: 18px;}
#ajaxmenu ul li ul li ul {position: absolute;left: 60; /* Set 1px less than menu width */top:28px;line-height: 18px;}
#ajaxmenu ul li a {color: #062E4B;font-weight: bold;}

/* Styles for Menu Items */
#ajaxmenu ul li.firstcategory {color: #062E4B;font-weight: bold;height: 30px;line-height: 30px;padding-right: 0px;padding-left: 0px;background-image: url(images/array_332x28b.jpg);background-repeat: no-repeat;background-position: 0px;margin: 0px;}
#ajaxmenu ul li.category {color: #062E4B;font-weight: bold;height: 30px;line-height: 30px;padding-right: 0px;padding-left: 0px;background-image: url(images/array_332x28b.jpg);background-repeat: no-repeat;background-position: -121px;margin: 0px;}
#ajaxmenu ul li.lastcategory {color: #062E4B;font-weight: bold;height: 30px;line-height: 30px;padding-right: 0px;padding-left: 0px;background-image: url(images/array_332x28b.jpg);background-repeat: no-repeat;background-position: -242px;margin: 0px;}
#ajaxmenu ul li.firstcategory:hover, #ajaxmenu ul li.firstcategory.over {color: #fff;background-image: url(images/array_332x28_rollb.jpg);}
#ajaxmenu ul li.category:hover, #ajaxmenu ul li.category.over {color: #fff;background-image: url(images/array_332x28_rollb.jpg);}
#ajaxmenu ul li.lastcategory:hover, #ajaxmenu ul li.lastcategory.over {color: #fff;background-image: url(images/array_332x28_rollb.jpg);}

/* commented backslash \*/
* html ul li a {height:1%}
/* end hack */
#ajaxmenu li a {text-decoration: none;}

/* hovered lists */
#ajaxmenu li a, #ajaxmenu li.over a {color: #fff;width: 121px;display: block;}
#ajaxmenu li li a:hover, #ajaxmenu li.over li a:hover {background-image: url(images/bullet_11x8_rollb.gif)  !important;color: #fff;background-repeat: no-repeat;background-color: #009ffa;background-position: left center;text-indent: 8pt;}

/* set dropdown */
#ajaxmenu li li a, #ajaxmenu li.over li a {color: #ffffff;background-image: url(images/bullet_11x8b.gif) !important;background-repeat: no-repeat !important;text-align: left;border-right: 1px solid #2f2f2f;border-bottom: 1px solid #2f2f2f;border-left: 1px solid #2f2f2f;font-weight: normal;width: 172px;-moz-opacity:0.95 !important;opacity:0.95 !important;filter: alpha(opacity=95) !important;background-color: #000000;background-position: left center;text-indent: 8pt;}
#ajaxmenu li ul li a { background-image: url(images/sub_color_4x25.jpg);background-repeat: repeat-x;padding-top: 2px;padding-bottom: 2px;padding-right: 5px;padding-left: 5px;}
/* Sub Menu Styles */
#ajaxmenu li ul, #ajaxmenu li.over ul {	display: block;}
/* The pop */
#ajaxmenu { margin-right: auto;	margin-left: auto;width: 840px;}
#myajaxmenu {position: absolute; top:0px; left: 0px; display: block;z-index: 1000;}
/*fin du menu ajax*/


.meteo{ text-align: center; }



/*modification tableau stats*/
.tr_ligne1 { background-color: #D5Cb76; font-family: Arial, Helvetica, sans-serif; font-size: 10pt}
.td_compt { font-family: Arial, Helvetica, sans-serif; font-size: 10pt}
.th_compt { font-family: Arial, Helvetica, sans-serif; font-size: 10pt }
.th { font-family: Arial, Helvetica, sans-serif; font-size: 10pt}
.tr_ligne2 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt }
select.select_menu { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #003399; border-color: #0033CC #CC00CC #0066FF #FF66FF}
.tr_ligne_r { font-family: Arial, Helvetica, sans-serif; font-size: 10pt ; background-color: #C7D1E2}
.titre { text-decoration: none; color: #ffffff; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; line-height: 14pt ; font-weight: bold; background-color: #34344c }
.tr_ligne_b2 { font-family: Arial, Helvetica, sans-serif; font-size: 10pt ; background-color: #93A4C6}
.test { background-color: #F0EBDB; font-family: Arial, Helvetica, sans-serif; font-size: 10pt }

/*ajax Search */
.redLink{font-size:1.2em;color: red;}
#ajaxSearch_subSearch{padding: 3px 2px 2px 2px;margin: 5px 0 10px 0;list-style: none;}
#subSearch_maxigallery{padding: 2px 2px 2px 2px;margin: 5px 0 10px 0;width: 100%;clear: both;}
#ajaxSearch_radio {background:#FFFFFF;  font-size:0.8em;margin:0 0 5px; padding: 1px 1px 2px 1px;}
#ajaxSearch_select {background:#FFFFFF; height:auto;  width: 150px;font-size:0.8em;padding: 3px 1px 2px 1px; border: 2px inset gray;}
#search #ajaxSearch_form, #search form {  position:relative; width:auto;margin:0; padding:0;}

#ajaxSearch_intro {margin: 10px 0 15px 0; }

#ajaxSearch_input {width: 200px;display: inline;height: 17px;border: 1px solid #ddd;border-left-color: #c3c3c3; border-top-color: #7c7c7c;background: #fff url(assets/snippets/ajaxSearch/images/input_bg.gif) repeat-x left top;margin: 0 5px 0 0;  padding: 3px 0 0 0;vertical-align: top; }

#ajaxSearch_submit {height: 2.4em;background: #ec732c;text-transform: lowercase;font-size: 0.9em; font-weight: bold;color: #FFFFFF;}

#ajaxSearch_output {font-size:90%;background-color:#EFEFEF;border:1px solid #6F9303;color: black; width: 480px;	z-index: 1;	padding: 5px;margin: 5px 0 15px 0;}

.ajaxSearch_paging {display: block;margin: 5px 0 10px 20px;font-size: small;font: Verdana, Arial, Helvetica, sans-serif;color: #d1965e}
.ajaxSearch_resultsInfo{font-size: medium; font-style: italic; font-weight: bold;}
.ajaxSearch_result{ margin: 5px 0 10px 20px; font-size: medium}
 .ajaxSearch_resultExtract{ margin: 5px 0 10px 0px;font-size: medium}

.AS_ajax_result {color: #444; margin-bottom: 3px; margin-left: 10px;}
.ajax_resultLink {text-decoration: underline; padding-left: 40px;}
.AS_ajax_resultDescription, .ajaxSearch_resultDescription{color: #555555;padding: 2px;}
.AS_ajax_resultsIntroFailure{ padding: 3px;}
.AS_ajax_highlight1, .ajaxSearch_highlight1{color : #CC0000; padding: 0; font-weight: bold;}
.AS_ajax_highlight2, .ajaxSearch_highlight2{color : #CB53DF; padding: 0; font-weight: bold;}
.AS_ajax_highlight3, .ajaxSearch_highlight3{color : #DF53B5; padding: 0; font-weight: bold;}
.AS_ajax_highlight4, .ajaxSearch_highlight4{color : #DF5380; padding: 0; font-weight: bold;}
.AS_ajax_highlight5, .ajaxSearch_highlight5{color : #A453DF; padding: 0; font-weight: bold;}
.AS_ajax_highlight6, .ajaxSearch_highlight6{color : #53ADDF; padding: 0; font-weight: bold;}
.AS_intro { display: none;}

.AS_ajax_resultImage img{margin:10px 140px 20px 140px;}
.ajaxSearch_resultImage img{margin:10px 20px 20px 20px;}

/*  poll.css - stylesheet settings for poll snippets */

.poll {
  width:100%;
  font-size:1.2em;
  margin:0;
  padding:0;
  float: center;
  margin-top: 7px
}
.poll_container {
  width:90%;
  background-color:#c6c981;
  color:black;
  border:1px solid black;
  padding-top:0.5em;
  padding-bottom:0.5em;
  margin-left:auto;
  margin-right:auto;
}
.poll_question {
  width:100%;
  text-align:center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
}
.poll_row_container {
  width:100%;
  padding:.1em 0;

}
.poll_choice {
  width:30%;
  float:left;
  text-align:center;
  padding-left:0em;
}
.poll_votes {
  width:25%;
  float:left;
  padding-right:.5em;
  text-align:right;
}
.poll_bar_container {
  width:35%;
  height:.98em;
  background-color:#c6c981;
  border:1px solid black;
  float:left;
  margin:.2em;
}
.poll_bar {
  height:.98em;
  background-color:#FF3366;
  float:left;
  margin:0;
  padding:0;
}
.poll_percent {
  text-align:right;
  padding-right:1em;
  margin-left:auto;
  margin-right:auto;
}
.poll_totalvotes {
  width:45%;
  text-align:right;
}
.float_left_text_right {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  width:48%;
  font-size: small;
  float:left;
  text-align:right;
  margin:0;
  padding:0;
}
.float_right_text_left {
  width:48%;
  float:right;
  text-align:left;
  margin:0;
  padding:0;
}
.space_line {
  clear: both; margin: 0; padding: 0; width: 90%;
}

/* END - poll.css */
/*Google Maps*/
#mymap1, #mymap2 h4 { /*bubble title style */ }
#mymap1 p, #mymap2 p { /*bubble body style */  }
#map { width: 580px;
       height: 450px;
       float: left;
       padding: 10px;
       margin-left: 40px;
       text-align:center;
}

/* Fin Google Maps */

/*Ajout d'un menu pour la template pratiques par CC 22-12-08*/
#top_links_pratiques	   {padding: 0px 0px 0px 0px; margin: 7px 0px 0px 0px; width: auto;  vertical-align: middle; text-align: center; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 11pt; font-weight: bold;}

 #top_links_pratiques a             {padding: 0px 5px 0px 5px;  line-height:20px; width:75px; border-right-width:1px; border-right-color:#95DB77; border-right-style:dashed; background: #006699;}
 #top_links_pratiques a:link		{color: #ffd500; }
 #top_links_pratiques a:visited		{color: #ffd500; }
 #top_links_pratiques a:hover		{color: #ffffff;text-decoration:none; background:#c00;}
 #top_links_pratiques a:active		{color: #fff; background:#ffd500;}

#bottom_links_pratiques	   {padding: 0px 0px 0px 300px; margin: 7px 0px 0px 0px; width: auto;  vertical-align: middle; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: medium; font-weight: bold; text-align: center }

 #bottom_links_pratiques a             {padding: 0px 5px 0px 5px;  line-height:20px; width:75px; border-right-width:1px; border-right-color:#95DB77; border-right-style:dashed; background: #D1965E }
 #bottom_links_pratiques a:link		    {color: #ffd500; }
 #bottom_links_pratiques a:visited		{color: #ffd500; }
 #bottom_links_pratiques a:hover		{color: #ffffff;text-decoration:none; background:#ec732c;}
 #bottom_links_pratiques a:active		{color: #fff; background:#ffd500;}
/* fin du menu pratiques */