/* 

------------------------------------
This CSS is only for SCREEN display
------------------------------------

!!! CAUTION : THIS CSS IS WORK IN PROGRESS AND  NOT WORKING AS EXPECTED SINCE THIS TEXT IS HERE !!!! 
												-----------
*/


/**
 * @package Css
 * @author Jean Lalande, Nicolas 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 ABC differents blocks :

	- general	| everywhere use	| Example: 	h2, a:hover
	- specific	| contextual use	| Example: 	form h2, #contact ul

Finally, every helper or specific javascript action depending css should be considered as a different file and imported in this one  

--> Example : 	search, infobulle, etc....


For specific information about CSS syntax and differents "how to ", visit the support twisto team website at http://trac.twisto.com/ABC/wiki/CssSyntax ( sorry, registered users only ).

-------------------------------------
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
tables		table, th, td, tr, tbody
images		img
forms		form, legend, fieldset, input, select, option, label, textarea

------------------------------------------------------------------
This CSS contains easy-searchable "ToDo" . 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 {
margin: 0;
padding: 0;
background-color: #f0e8d9; 
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13px;
color: #666666;
}

iframe{
border:1px solid  #a69471;
clear:both;
}

#accessibility{
text-align: right;
margin-top:-30000px;
float:left;
}

#analytics{
display:none;
}

#content {
float: right;
width: 740px;
}

#Gototop{
width:35px;
height:35px;
background: url('/public/images/design/screen/backtotop.png'); red no-repeat centre centre;
}


#footer {
width: 980px;
height: 120px;
margin: 0 auto;
background: url(/public/images/design/screen/img12.gif) repeat-x;
}

#links {
float: left;
width: 220px;
height: 45px;
padding: 35px 0 0 20px;
background: url(/public/images/design/screen/img13.gif) repeat-x;
color:#FFF;
}

#legal {
float: right;
width: 720px;
height: 45px;
padding: 35px 0 0 20px;
}



#page {
width: 980px;
margin: 0 auto;
background:  url(/public/images/design/screen/content_background.gif) repeat-y;
}

#sidebar {
float: left;
width: 240px;
}

#logo {
height: 160px;
background: url(/public/images/design/screen/img06bis.gif) repeat-x;
padding:15px 45px 45px 25px;

}

#logo #logo_image {
padding:0;
background: url(/public/images/design/screen/logo.gif) #FFF no-repeat center center;
height:170px;
width:170px;
border:10px outset #a69471;
}

#menu {
padding: 20px;
background: #85C329 url(/public/images/design/screen/img04.gif) repeat-x;
}
#login {
padding: 20px;
background: url(/public/images/design/screen/img06bis.gif) repeat-x;
}


/* 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:400px;
float:right;
margin:0 0 30px 0;
padding:10px;
}

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



/* 1/2 content width */

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



/* @texts */

/* General */

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

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

kbd {
border-bottom:3px solid #a69471; /* @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;
}

/* Specific */

/* @todo : clean up texts section */

/* Effets de Texte stylisé */


.contraste{
color:#F17717;
}

.information {
color:#666;
font-size:90%;
}

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

.hidden{
visibility:hidden;
}


/* @notifications */

.error_notification{
margin:2em 0;
padding:0.5em;
border:1px 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;
}

/* Phone and fax */

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

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

/* Site specific */

#footer p {
margin: 0;
font-size: 85%;
}

#sidebar p{
color:#EEE;
margin-bottom:20px;
/* font-style: italic; */
}

#sidebar cite {
color:#CCC;
font-size: 13px;
}


.title3 {
margin: 0;
padding: 10px 0;
background: url(/public/images/design/screen/img11.gif) repeat-x left bottom;
font-size: 129%;
font-weight: normal;
color: #FFFFFF;
}

.box {
padding: 5px 30px 20px 30px;
}

.box p, .box ul, .box ol {
line-height: 180%;
}

.orange {
margin: 20px 30px;
background: #FF9523 url(/public/images/design/screen/img10.gif) repeat-x;
color: #FFFFFF;
}

.orange a {
color: #FFFFFF;
}

.col-one {
float: left;
width: 300px;
}

.col-two {
float: right;
width: 300px;
}


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


/* @titles */

/* General */


h1 {
margin: 0;
padding: 10px 0;
background: url(/public/images/design/screen/img09.gif) repeat-x left bottom;
font-size: 227%;
font-weight: normal;
color: #a69471;
margin-bottom:10px;
}

h2 {
color:#85C329;
font-family:'Trebuchet MS', 'Myriad web',Tahoma, Verdana , Arial , Sans-Serif;
margin:20px 0; 
clear:left;
}

h3 {
margin:10px 0;
color:#333;
font-size:110%;
}

h4 {
margin-bottom:5px;
}

h5 {
margin-bottom:5px;
}

h6 {
margin-bottom:5px;
}


/* Specific*/


.fancybox+h2,{
clear:both;
}


#sidebar h2{
margin: 0;
padding: 10px 0;
font-family:'Trebuchet MS', 'Myriad web',Tahoma, Verdana , Arial , Sans-Serif;
background: url(/public/images/design/screen/img07bis.gif) repeat-x left bottom;
font-weight: normal;
font-size: 129%;
color: #FFFFFF;
}



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


/* à */


/* 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:inside;
margin:20px;
padding:0 10px;
width:600px;
}

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

/* Site specific */

#menu ul {
margin: 0;
padding: 0;
list-style: none;
}

#menu li {
padding: 10px 0;
background: url(/public/images/design/screen/img05.gif) repeat-x;
}

#menu li.first {
background: none;
}


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


/* @links */

/* General */

a {
color: #a69471;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}


a:link{
color: #a69471;
text-decoration: underline;
}

a:active{
color:#000;
}


/* foreign language pages links  */

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

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

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

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

/* external websites links  */

a[class="external"] {
background : url("/public/images/design/screen/external_link.gif") center left no-repeat;
padding:0 0 0 15px;
text-decoration:none;
}


/* pdf links */

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

/* images and photos links */

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



/* site Specific*/

#accessibility a{
}

#links a {
color: #FFFFFF;
text-decoration:none;
}

#logo a {
color: #9C9C9C;
text-decoration: none;
}

#menu a {
text-decoration: none;
font-size: 129%;
color: #FFFFFF;
}

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



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



/* @forms */

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

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

legend{
color:#0065A4;
margin:10px 0;
padding-bottom:5px;
}

label{
width:140px;
float:left;
display:inline;
margin-right:2em;
text-align:left;
padding-right:24px;
background: none;
min-height: 18px;
}

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

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

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

textarea{
margin-bottom:1.4em;
font-size:100%;
width:308px;
}

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

option{
padding-left:0.5em;
}

/* 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;
margin-bottom:0;
font-family: Verdana;
}

#search input:focus{
color:#0065A4;
}

#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;
}

/* ABC fields forms | ex: Connection */

/* @todo : clean up inline forms section */

.inline_form label{ 
width:auto;
float:none;
display:inline;
margin-right:0;
margin-left:0.5em;
text-align:left;

}

.checkbox_form label{ 
width:auto;
float:left;
display:inline;
margin-right:0;
text-align:left;
font-size:1em;
}


input[type="submit"],input[type="button"],input[type="reset"]{
width:auto;
}


.SelectCourt{
width:auto;}

.inline_form input,.inline_form select{ /* Formulaire sur une seule ligne */
margin-bottom:0;
margin-left:0.5em;
width:auto;
}

.checkbox_form input,.checkbox_form select{ /* Formulaire sur une seule ligne */
margin-right:0.5em;
float:left;
clear:left;
}
.checkbox_form img{ /* Formulaire sur une seule ligne */
margin:1em 0;

}


/* 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{
width:215px;}

/* 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("/public/images/design/screen/around_photo.gif") top center no-repeat;
width:100px;
height:100px;
}
.leftimage:hover{
background: url("/public/images/design/screen/around_photo.gif") bottom center no-repeat;
}

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

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

.fancybox img, .lightbox img{
background: url("/public/images/design/screen/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("/public/images/design/screen/around_photo_zoom.gif") top center no-repeat;
width:100px;
height:100px; 
position:relative;
}

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

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

/* Slideshow */

#diaporama {
border:10px inset #a69471;
width:720px;
height:200px;
}
#diaporama img {
width:720px;
height:200px;
}

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


/* @tables */

table {
text-align:center;
margin-bottom:2em;
border-collapse:collapse;
width:100%;
font-size:100%;
}

th {
color:#AAA;
border-bottom:1px solid #aaa;
font-size:90%;
padding-bottom:10px;
margin-bottom:10px;
}

tr {
}


td{
padding-bottom:10px;
}



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


/*
-------------------------------------
To be continued......
-------------------------------------
*/