/* 
This is an example of a module stylesheet. It is used to hold css definitions used within the module templates

The stylesheet will be used by xanthia themes assuming the tag <!--[modulestylesheet]--> is in the header of the
page templates. Other theme types will automatically make use of this as the header_footer module templates have this
tag.

A module stylesheet can be overrriden by a theme by creating a copy of the stylesheet in 
themes/<theme name>/style/<module>/style.css.

To avoid clashes with other css definitions it's best to use the module name within module class and id names

All styles in this stylesheet should be considered as examples only not recommendations of styling to be used 
within a module
*/

/* This style adds a black dotted border around the place holder for the list of items held by the module */

#qui {
width:810px;
font-size: 10pt; 
font-family: Helvetica, Arial; 
font-weight: normal; 
font-style: normal; 
color: #444444; 
margin: 5px 0 20px 0; 
}

#quigauche {
width:490px;
float:left;
}

#quidroite {
font-size: 8pt; 
width:320px;
float:right;
margin-bottom:40px;
}

#qui h2 {
font-size: 16pt; 
color: #143578;
font-weight: normal; 
font-style: normal; 
}

#qui h3 { 
font-size: 12pt; 
color: #143578;
font-weight: normal; 
font-style: normal; 
}


#qui ul { 
margin-left:30px;
list-style: square outside;
}

#qui li { 
list-style: square outside;
}

#quidroite img { 
margin:0 10px 0px 10px;
float:left;
}




#pmetier {
width:810px;
font-size: 10pt; 
font-family: Helvetica, Arial; 
font-weight: normal; 
font-style: normal; 
color: #444; 
margin: 5px 0 20px 0; 
}

#pmetiergauche {
width:550px;
float:left;
}

#pmetierdroite {
width:260px;
float:right;
}

p#blight {
font-size: 10pt;
color: #0090B2; 
font-style: normal; 
font-weight: bold;
}

#pmetier h1 { 
font-size: 12pt; 
color: #143578;
font-weight: bold; 
font-style: normal; 
margin-bottom:0;
}

#pmetier h2 { 
font-size: 16pt; 
color: #143578;
font-weight: normal; 
font-style: normal; 
}

#pmetier h3 { 
font-size: 10pt; 
color: #143578;
font-weight: bold; 
font-style: normal; 
}


h2#blight {
margin-top:0;
font-size: 16pt;
color: #0090B2; 
font-style: normal; 
font-weight: normal;
}

#subpmetier{
width:260px;
float:left;
margin-right:10px;
}

#pmetier ul { 
margin-left:30px;
/*list-style: square outside;*/
}

#pmetier li { 
/*list-style: square outside;*/
}


#pacheter {
width:810px;
font-size: 10pt; 
font-family: Helvetica, Arial; 
font-weight: normal; 
font-style: normal; 
color:#444;
margin: 5px 0 20px 0; 
}

#pacheter ul { 
margin-left:30px;
list-style: square outside;
}

#pacheter li { 
list-style: square outside;
}

#pmetier a { font-size: 10pt; font-style: normal;}
#pmetier a:link    {text-decoration: underline; color: #143578; }	/* unvisited links */
#pmetier a:visited {text-decoration: underline; color: #143578; }	/* visited links   */
#pmetier a:hover   {text-decoration: none; color: #3585A3; }	/* user hovers     */
#pmetier a:active  {text-decoration: none; color: #3585A3; }	/* active links    */


#pachetergauche {
width:800px;
margin-top:20px;
}

#pachetercentre {
width:800px;
margin-top:20px;
}

#pacheterdroite {
width:800px;
margin-top:20px;
}

p#blight {
font-size: 10pt;
color: #0090B2; 
font-style: normal; 
font-weight: bold;
}

#pacheter h1 { 
font-size: 12pt; 
font-weight: bold; 
font-style: normal;
color: #143578;
}

#pacheter h2 { 
font-size: 16pt; 
font-weight: normal; 
font-style: normal; 
}

#pacheter h3 { 
font-size: 10pt; 
font-weight: bold; 
font-style: normal; 
margin-bottom:0;
}

#pacheter p { 
margin-top:0;
}

#pachetergauche h1 { 
color: #143578;
}
#pachetergauche h2 { 
color: #143578;}

#pachetergauche h3 { 
color: #143578;
}

p#bf {
font-size: 10pt;
color: #143578; 
font-style: normal; 
font-weight: bold;
}


#pachetercentre h1 { 
color: #FE990E;
}
#pachetercentre h2 { 
color: #FE990E;}

#pachetercentre h3 { 
color: #FE990E;
}

p#oc {
font-size: 10pt;
color: #FE990E; 
font-style: normal; 
font-weight: bold;
}


#pacheterdroite h1 { 
color: #FF6600;
}
#pacheterdroite h2 { 
color: #FF6600;}

#pacheterdroite h3 { 
color: #FF6600;
}

p#of {
font-size: 10pt;
color: #FF6600; 
font-style: normal; 
font-weight: bold;
}

#pagconlinegauche {
width:400px;
margin: 5px 0 20px 0; 
float:left;
}


#pagconlinegauche dl, dt, dd {   /* suppression de toutes les marges */
margin: 0;
padding: 0;
}
 
 
#pagconlinegauche dt {   /* définitions du titre du cadre */
font-family:Helvetica, Arial; 
color:#3585A3;
font-size: 20px;
margin-bottom: 18px;
}
 
#pagconlinegauche dd {
padding: 20px 0 4px 0;
margin: 0 0 10px 0;
text-align: justify;
background: url(/themes/idf/images/bblight.gif) bottom left no-repeat;  /* arrière-plan intérieur qui va se répéter */
background-color:#CCECF4;
}


#pagconlinegauche dd a {padding-left:10px; font-family: Helvetica, Arial; text-decoration: none; font-size: 10pt; font-style: normal;}
#pagconlinegauche dd a:link    { color: #143578; }	/* unvisited links */
#pagconlinegauche dd a:visited { color: #143578; }	/* visited links   */
#pagconlinegauche dd a:hover   { color: #3585A3; }	/* user hovers     */
#pagconlinegauche dd a:active  { color: #3585A3; }	/* active links    */