/* 
* This stysheet is the default CSS stylesheet for TWO framework. If you improve this CSS, please update the framework in the SVN repository. Thanks.
* NEVER EDIT this stylesheet when using the framework to start a new project. Please edit instead site.css , wich overwrite this one.
* @media : screen
* @package Css
* @author JNicolas Hamelin
* @copyright Twisto, a Trademark of RoseGrenouille Inc.
*/


/*
--------------------------------------------------------------------------
This CSS is easy searchable with your favorite text editor
--------------------------------------------------------------------------

All declarations are grouped by topics and each topic have a comment line. Just search '@'+'NameOfTheTopic'. We use english and plural as default convention for topics names.

--> Crazy Example : @restaurants

Moreover, each topic is splited in 2 differents blocks :

	- general	| Everywhere use	| Example: 	h2, a:hover
	- specific	| Contextual use	| Example: 	form h2, #contact ul

------------------------------------------------
List of topics by order of appareance
------------------------------------------------
-Name-		-Tags or details-

colors			All colors wich used in this StyleSheet
blocks			*, html, body, every #ID blocks
texts			p, keyboard, code, acronym, abbr, pre, cite, blockquote , .class text effects 
titles			h1, h2, h3, h4, h5, h6  
lists			ul, ol , li , dd, dt, dl
links			a
forms			form, legend, fieldset, input, select, option, label, textarea
images			img
tables			table, th, td, tr, tbody

----------------------------------------------------------------------------------------------------------
NOTE --> This CSS may contains easy-searchable "To Do" . Just search for "@todo"
----------------------------------------------------------------------------------------------------------

/*  	@colors
 	
	1 : #F39500 --> jaune orange
	2 : #555555 --> gris fonce  
	3 : #CC7E00 --> brun clair
	4 : #A66600 --> brun foncé
	5 : #39B0BF --> bleu cyan
	6 : #AAEAF2 --> bleu ciel foncé
	7 : #B3F6FF --> bleu ciel clair
	8 : #0D0D0D --> gris très foncé noir
	9 : #F2F2F2 --> gris clair blanc
	
*/

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


/* @blocks
 */

/* General */

* {	
margin:0; 
padding:0;
}

html{
font-size:100%;
}

body {
font-family:'Trebuchet MS', 'Myriad web',Tahoma, Verdana , Arial , Sans-Serif;
font-size:80%;
text-align:left;
background-color:#CCC;
padding:30px;
}

#container{
margin:0 auto;
width:950px;
background-color:#FFF;
padding:10px 30px;
}

#accessibility{
text-align: right;
/* comment the following 2 lines  if you want to show it from screen*/
margin-top:-30000px;
float:left;

}

#header {
}

/*
#search{
margin:0 auto;
display:none;
}
*/

#main{
margin:10px 0;
}

#adsense{
display:none;
}

#analytics{
display:none;
}


#column{
width:170px;
float:left;
background: url('/ressources/images/two/twisto_logo.gif') no-repeat center top;
padding-top:70px;
}

#content{
border:1px solid #DDD;
padding:20px;
margin-left:170px;
text-align: justify;
overflow: auto;
width:738px;
}

#gototop{
text-align: right;
display:none;
margin:20px 0;
}


#footer{
text-align: right;
clear:both;
}

#lastupdate{
color:#39B0BF;
}

#pager {
line-height:18px;
height:18px;
float:right;
margin-top:10px;
padding-bottom:10px;
}

#pager  #number{
color:#333;
font-weight: bold;
float:right;
margin-left:5px;
}

#pager #page{
float:left;
font-size:13px;
padding-right:5px;
}

#sorter {
line-height:18px;
height:18px;
float:left;
margin-top:10px;
}


/* Specific */

/* 1/3 content width */

.third{
width:200px;
float:left;
margin:0 30px 30px 0;
padding:10px;
}

.third + .third +.third,.twicethirdleft + .third{
margin-right:0;
}

/* 2/3 content width */

.twicethirdright{
width:462px;
float:right;
margin:0 0 30px 0;
padding:10px;
}

.twicethirdleft{
width:462px;
float:left;
margin:0 30px 30px 0;
padding:10px;
}

/* 1/2 content width */

.half{
width:344px;
float:left;
margin:0 30px 30px 0;
padding:30px 10px 10px 0;
}
.half+.half{
margin-right:0;
}

/* InfoCenter */
.MultiFile-list
{
    margin-left: 175px;
    padding-left: 2em;
}

#ic_tagging.hide
{
    display: none;
}

#hideMap
{
    display: none;
}

#showMap
{
    display: block;
}

.ic_tagIcon, .ic_tagIconDisable,  .mapIcon
{
    padding: 0px;
    margin:0 0px 2px 0;
}


.ic_addTag,
.ic_printWindow,
.commande_confirm,
#d_notice
{
    text-align: left;
    display: none;
    background-color: white;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 10px;
}

.commande_confirm,
#d_notice
{
    padding: 30px;
}

.ic_printWindow
{
    padding: 20px !important;
}

.ic_print
{
    margin-left: 10px;
    padding-bottom: 4px;
}

.blockMsg h2
{
    margin-top: 0px;
}

#geolocation
{
    display: none;
    width: 99%;
}

#ic_mapComment
{
    overflow: hidden;
}

#ic_tabs
{
    border-bottom: 2px solid #ccc;
}

.ic_greyedTab
{
    background-color: #ddd;
}

#mapNavigation h2
{
    margin-top: 0 !important;
}

.ic_greyedTab:hover
{
    background-color: #ddd !important;
    cursor: default !important;
}

.selectedTab
{
    background-color: #ccc;
    margin-top:-4px;
    padding-bottom:7px !important;
    padding-top:7px !important;
}

.ic_tab
{
    float: left;
    padding: 5px 10px;
    margin-right: 10px;
    font-weight: bold;
    border: 1px solid #ccc;
    border-bottom-width: 0;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    cursor: pointer;
}

.ic_tab:hover
{
    background-color: #f2f2f2;
}

.ic_tagChoice *
{
    font-size: 10px;
}

.ic_tagChoice
{
    padding: 5px 10px;
    width: 200px;
    border: 1px solid black;
    border-top-width: 0px;
}

.ic_tagChoice:hover
{
    cursor:pointer
}

#ic_tagsList
{
    position: absolute;
    background-color: white;
    z-index: 1500;
    width: 220px;
}

.ic_tagClose
{
    position:absolute;
    right: 10px;
    top: 10px;
}

.ic_mergeClose
{
    position:absolute;
    right: 15px;
    top: 15px;
}

#currentTags
{
    width: 45%;
    float: left;
    min-height: 100px;
    
}

#topTagsWrap
{
    width: 45%;
    margin-left: 47%;
}

#topTags
{
    border: 1px solid #f17717;
    padding: 10px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.topTag
{
    cursor: move;
}

#tagDrop
{
    padding: 10px;
    border: 1px solid #f17717;
}

.ic_tag_hover
{
    background-color: #eee;
    border: 1px solid #1b75bc !important;
}

.selected
{
    background-color: #eee;
}

.ic_tag_remove img,
.ic_removeFile img,
.MultiFile-remove img
{
    margin: 0;
    visibility: hidden;
    width: 12px;
    height: 12px;
}

.ic_currentFiles
{
    padding-bottom: 20px;
}

.MultiFile-label input
{
    margin: 0;
}

/* InfoCenter - maps */

#ic_citySearchForm label
{
    clear:none;
    font-weight:bold;
    margin-right:2em;
    min-height:18px;
    text-align:left;
}

#ic_citySearchForm #city
{
    width: auto;
}

/* GrowUI */

.growlUI
{
    text-align: left;
}

.growlUI h1
{
    font-size: 14px;
    background-image: none;
    padding: 0 0 5px 0;
}

.growlUI h2
{
    font-size: 12px;
    color: black;
    border: none;
    margin: 0;
    padding: 0;
    font-weight: normal;
}

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

/* @texts */

/* General */

hr {
margin:10px 0; 
border:1px solid #CCC;
}

p{
font-size:90%;
margin-bottom:10px;
}

kbd {
border-bottom:3px solid #1b75bc; /* @color3 */
font-size:90%;
font-weight:bold;
}

acronym,abbr {
cursor:help;
border-bottom:1px dotted #F17717;
font-variant:small-caps;
}

pre{
color:#333;
border:1px dotted #F39500;
font-size:120%;
background-color: #EEE;
padding:15px ;
margin:15px 0;
}

cite{
}

blockquote{
border:1px solid #AAA;
background-color:#EEE;
color:#F17717;
padding:0 2em 1em 2em;
margin-top:1em;
}
em{
color:#CC7E00;
}

/* Specific */

/* Formatted text effects */

.magicspacer{
clear:both;
visibility:hidden;
margin:0;
}

.hidden{
visibility:hidden;
}

/* Info Center abstract */
.abstract, .ic_mapDescription, .mapInfo{
	border:1px solid #CCC;
	padding:10px;
	font-size:12px;
	margin-bottom:10px;
	color:#666;
	font-size:9px;
}


/* notifications */

.error_notification{
margin:2em 0;
padding:10px 30px;
border:1px solid #C00;
border-left:5px solid #C00;
border-right:5px solid #C00;
color:#666;
font-size:95%;
}

.alert_notification{
margin:2em 0;
padding:10px 30px;
border:1px solid #F90;
border-left:5px solid #F90;
border-right:5px solid #F90;
color:#666;
font-size:95%;
}

.success_notification{
margin:2em 0;
padding:10px 30px;
border:1px solid #690;
border-left:5px solid #690;
border-right:5px solid #690;
color:#666;
font-size:95%;
}

.info_notification{
margin:2em 0;
padding:10px 30px;
border:1px solid #CCC;
border-left:5px solid #CCC;
border-right:5px solid #CCC;
color:#666;
font-size:95%;
}

.info_notification p:first-child{
color: #AAA;
font-weight:bold;
margin-bottom:5px;
}

.error_notification p:first-child {
color: #C00;
font-weight:bold;
margin-bottom:5px;
}

.alert_notification p:first-child {
color: #F90;
font-weight:bold;
margin-bottom:5px;
}

.success_notification p:first-child {
color: #690;
font-weight:bold;
margin-bottom:5px;
}

.alert_notification p, .info_notification p, .success_notification p, .error_notification p{
margin:0;
margin-bottom:2px;
}

/* Phone and fax */

.phone{
background: url('/ressources/images/two/phone.gif') transparent left center  no-repeat;
line-height:16px;
padding-left:35px;
}

.fax{
background: url('/ressources/images/two/fax.gif') transparent left center  no-repeat;
line-height:16px;
padding-left:35px;
}

/* Horizontal row in forms*/

form hr {
margin: 10px 10px 25px 10px;
color:#eee;
}

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


/* @titles */

/* General */

h1 {
color:#39B0BF;
font-size:180%;
font-weight:normal;
margin-bottom:20px;
}

h2 {
font-size:120%;
color:#F39500;
margin:30px 0;
border-bottom:1px solid #DDD;
clear:both;
}

h3 {
margin:10px 0;
color:#A66600;
clear:both;
}

h4 {
margin-bottom:5px;
}

h5 {
margin-bottom:5px;
}

h6 {
margin-bottom:5px;
}

/* Specific*/

.fancybox+h2 {
clear:both;
}

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


/* @lists */


/* General */


ul {  /* make the default list rendered without symbols befoore each line */
list-style-type: none; 
width:100%;
padding:0;
margin:0;
height:1%; /* IE<7 HasLayout control */
}

ol {
list-style-type:decimal;
list-style-position:inside;
margin:2em;
border-left:2px dashed #EEE;
padding:0 1em;
}

li {
}

dl {
}

dt {
}

dd {
}


/* Specific */

/* lists wich should appears as a regular list */

.list { 
list-style-type:square;
list-style-position:outside;
margin:20px;
border-left:2px dashed #EEE;
padding:0 10px;
width:700px;
}

.list li {
margin-bottom:10px;
}

#column ul{
margin:20px 0;
}

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


/* @links */

/* General */

a{
text-decoration: none;
}

a:link{
color:#666;
border-bottom : none;}

a:visited {
color:#666;
}

a:hover {
color:#F90;
}

a:active{
color:#000;
}

/* Specific */

/* foreign language pages links  */

a[hreflang="en"] {
background : url("/ressources/images/two/english.gif") top right no-repeat;
padding:0 15px 0 0;
text-decoration:none; 
}

a[hreflang="fr"] {
background : url("/ressources/images/two/french.gif") top right no-repeat;
padding:0 15px 0 0;
text-decoration:none; 
}

a[hreflang="es"] {
background : url("/ressources/images/two/espagnol.gif") top right no-repeat;
padding:0 15px 0 0;
text-decoration:none; 
}

a[hreflang] {
content: normal !important; /*  Hack for Opera */
}


/* external websites links  */


a[class="external"] {
background : url("/ressources/images/two/external_link.gif") center left no-repeat;
padding:0 0 0 15px;
text-decoration:none;
color:#39B0BF;
}

/*New */


a[class="new"]:after {
content: '<span class="details">Nouveau</span>';
}


/* pdf links */

a[class="pdf"] {
background : url("/ressources/images/two/pdf_grey.png")center left no-repeat;
padding-left:16px;
text-decoration:none; 
}

/* images and photos links */

a[class="image"] {
background : url("/ressources/images/two/photo.png")center left no-repeat;
padding-left:16px;
text-decoration:none; 
}

/* Content links */
/*
#content a{
border-bottom : 1px dashed #AAA;
}
*/

/* Pager and sorter links */

#pager a {
display:block;
float:right;
margin-left:5px;
width:18px;
height:18px;
border-bottom:none;
}

#pager a.number{
display:block;
color:#FFF;
background: url(/ressources/images/two/number.gif) no-repeat center center transparent ;
text-align: center;
float:left;
}

#pager #pageLabel
{
    float: left;
}

#pager strong a.number{
color:#F17717;
}


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



/* @forms */

form{
margin:1.2em 0;
padding:0;
height:1%;
}

fieldset{
border:none;
padding:10px 0 0 0;
}

legend{
color:#1b75bc;
margin:10px 0;
padding-bottom:5px;
}

label{
width:100px;
float:left;
clear:left;
display:inline;
margin-right:2em;
text-align:left;
padding-right:24px;
background: none;
min-height: 18px;
font-weight: bold;
color:#333;
}

input{
margin-bottom:1.4em;
font-size:80%;
width:307px;
}

input[type="submit"],input[type="button"],input[type="reset"],button{
width:auto;
margin-right: 10px;
font-size:11px;
padding: 2px 10px;
}

input[type="checkbox"],input[type="radio"]{
margin-left:195px;
margin-top:-5px;
width:30px;
}

label+div+input[type="checkbox"],label+div+input[type="radio"]{
margin-left:0;
}

input:focus{
background-color: #EEE;
}

select{
margin-bottom:1.4em;
font-size:80%;
width:313px;
}

textarea{
margin-bottom:1.4em;
font-size:11px;
width:308px;
font-family:'Trebuchet MS', 'Myriad web',Tahoma, Verdana , Arial , Sans-Serif;
}

textarea:focus{
background-color: #EEE;
}

option{
padding-left:0.5em;
}

.mceEditor
{
    display: block;
    margin-left: 195px;
}

.mceEditor > table:first-child
{
    margin-top: 15px;
}

.mceIframeContainer iframe
{
    width: 500px !important;
    height: 250px;
}


.ic_hidden
{
    display: none;
}

.ic_pdfBox
{
    margin: 1px 3px 2px 0 !important;
    width: 12px !important;
    height: 12px !important;
    display: block;
    float: left;
}


/* right side Helper */
.form_help{
width:220px;
color:#AAA;
float:right;
}

/* Specific */

/* Top Search bar css init for Safari | Others browsers styles are supported by applesearch.css*/

#search form{
margin:2px;
padding:0;}

#search input{
width:100px;
color:#CCC;
background-color:#FFF;
margin-bottom:0;
}

#search input:focus{
color:#1b75bc;
}

#search fieldset {
margin:0;
padding:0;
border:none;
}

#search label { 
display:none; 
}

#search form .sbox_l  {
/*display:none;*/
}

#search form .sbox_r  {
display:none;
}

#search form input {
background: none;
}

/* Multi-select on same line */

select.SelectCourt{
width:auto;
margin-right:10px;
}

/* Hide Antispam test fields */

#email2, #email2Label{
visibility:hidden;
margin-bottom:-40px;
height:0;
}

/* width adjustments for 1/3 and 2/3 page widths */

.twicethirdright label{
width:120px;
}
.twicethirdright input[type=text],.twicethirdright input[type=password], .twicethirdright textarea, .twicethirdright select{
width:250px;}

/* width adjustments for 1/2 page widths */
.half input[type=text],.half input[type=password],.half textarea {
width:160px;
}
.half label{
width:100px;
}

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


/* @images */

/* General */

img {
border:none;
vertical-align:middle;
margin-bottom:10px;
}

/* Specific */

td img {
margin:0 auto;
}

/* floating images | Newspaper-like */


.leftimage {
float:left;
margin: 0 10px 10px 0;
padding:15px;
background: url("/ressources/images/two/around_photo.gif") top center no-repeat;
width:100px;
height:100px;
}
.leftimage:hover{
background: url("/ressources/images/two/around_photo.gif") bottom center no-repeat;
}

.rightimage{
float:right;
margin: 0 0 10px 10px;
padding:15px;
background: url("/ressources/images/two/around_photo.gif") top center no-repeat;
width:100px;
height:100px; /* @color3 */
}

.rightimage:hover{
background: url("/ressources/images/two/around_photo.gif") bottom center no-repeat;
}

.fancybox img, .lightbox img{
background: url("/ressources/images/two/around_photo_zoom.gif") top center no-repeat;
}

/*  images in gallery */

.gallery .fancybox img, .gallery .lightbox img{
float:left;
margin: 0 8px 16px 9px;
padding:15px;
background: url("/ressources/images/two/around_photo_zoom.gif") top center no-repeat;
width:100px;
height:100px; 
position:relative;
}

.fancybox img:hover, .lightbox img:hover{
background: url("/ressources/images/two/around_photo_zoom.gif") bottom center no-repeat;
}

.gallery{
padding:15px 1px 0 0;
border:1px dashed #CCC;
}

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


/* @tables */

table {
text-align:center;
margin-bottom:2em;
border-collapse:collapse;
width:100%;
font-size:80%;
clear:both;
border:1px solid #DDD;
}

th {
color:#666;
border:1px solid #aaa;
font-size:90%;
padding:5px 0;
background-color: #DDD;
}

tr {
}

td{
padding:5px 0;
}

/* Specific : none */

/* Star-rating */

.ic_starRate{
margin-right:2px;
width:18px;
height:18px;
cursor: pointer;
}