/* Start of CMSMS style sheet 'content' */
@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2008, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.6
 * @revision        $Revision: 202 $
 * @lastmodified    $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $
 * @appdef yaml
 */

@media all
{
  /**
   * Fonts
   * (en) font-family and font-size selection for headings and standard text elements
   * (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
   *
   * @section content-fonts
   */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size: 100.01% }
  
  /* (en) reset monospaced elements to font size 16px in Gecko browsers */
  /* (de) Schriftgröße von monospaced Elemente auf 16 Pixel setzen */
  textarea, pre, tt, code {
	font-family:"Courier New", Courier, monospace;  	
  }

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #444;
  }

  h1,h2,h3,h4,h5,h6 { 
  	font-family:"times new roman",times,serif; 
  	font-weight:bold; 
  	color:#666;
  	margin: 0 0 0.25em 0; 
  }

  h1 { font-size: 200% }                        /* 24px */
  h2 { font-size: 200% }                        /* 24px */
  h3 { font-size: 150% }                        /* 18px */
  h4 { font-size: 133.33% }                     /* 16px */
  h5 { font-size: 116.67% }                     /* 14px */
  h6 { font-size: 116.67%; font-style:italic }  /* 14px */

  #header h1 {
    font-size:2.5em;
    letter-spacing:-2px;
    line-height:65%;
    color:#000;
  }

  #header span {
    color:#999;
  }

  p { line-height: 1.5em; margin: 0 0 1em 0; }

  /* ### Lists | Listen  #### */

  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.5em }

  dt { font-weight: bold }
  dd { margin: 0 0 1em 2em }

  /* ### text formatting | Textauszeichnung ### */

  cite, blockquote { font-style:italic }
  blockquote { margin: 0 0 1em 1.5em }

  strong,b { font-weight: bold }
  em,i { font-style:italic }

  pre, code { font-family: monospace; font-size: 1.1em; }

  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }

  /**
   * Generic Content Classes
   * (en) standard classes for positioning and highlighting
   * (de) Standardklassen zur Positionierung und Hervorhebung
   *
   * @section content-generic-classes
   */

  .note {background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
  .important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
  .warning {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}

  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
  .center { text-align:center; margin: 0.5em auto }

  /**
   * External Links
   *
   * (en) Formatting of hyperlinks
   * (de) Gestaltung von Hyperlinks
   *
   */

  a {color: #4D87C7; text-decoration:none;}
  a:focus,
  a:hover,
  a:active {color:#CC0000; text-decoration:underline;}
  
  #topnav a { color: #999; font-weight: normal; background:transparent; text-decoration:none; }
  #topnav a:focus, 
  #topnav a:hover {color:  #CA3517; font-weight: normal; background:transparent; text-decoration:none;}
  #topnav a:active {text-decoration:underline; background-color: transparent;}
  
  #footer a {color: #999; background:transparent; font-weight: bold;}
  #footer a:focus, 
  #footer a:hover,
  #footer a:active {color: #4D87C7; background-color: transparent; text-decoration:underline;}

  /**
   * (en) Emphasizing external Hyperlinks via CSS
   * (de) Hervorhebung externer Hyperlinks mit CSS
   *
   * @section             content-external-links
   * @app-yaml-default    disabled
   */

  /*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left: 12px;
    background-image: url('your_image.gif');
    background-repeat: no-repeat;
    background-position: 0 0.45em;
  }
  */

  /**
   * Tables | Tabellen
   * (en) Generic classes for table-width and design definition
   * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
   *
   * @section content-tables
   */

  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed }

  th,td { padding: 0.5em; }
  thead th { background: #444; color: #fff }
  tbody th { background: #ccc; color: #333 }
  tbody th.sub { background: #ddd; color: #333 }
  
  /**
   * Miscellaneous | Sonstiges
   *
   * @section content-misc
   */

  #col3_content hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #eee solid;
  }
  
  #fil_ariane p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #304E8A;
	padding-left: 10px;
	padding-top: 5px;
  }
 
    #box_news {
	width:184px;
	padding-top:14px;
	background-image: url(uploads/images/box/haut_box_news.png);
	background-repeat: no-repeat;
	background-position: left top;  
  }  
  
  #bloc_news {
	background-image: url(uploads/images/box/bas_box_news.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 30px;
	font-family: Arial, Helvetica, sans-serif;
  }
  
  .titre_news {
	font-size: 14px;
	font-weight: bold;
	color: #2B5085;  
  }
  
    #bloc_news p {
    margin: 0 9px 0 9px;
  }
  
  .lireplus {
	text-align: right;
	font-weight:bold;
	color: #2B5085;
  }
  
    #box_methodologie {
	width:496px;
	padding-top:29px;
	background-image: url(uploads/images/haut_methodologie.png);
	background-repeat: no-repeat;
	background-position: left top;
  } 
  
    #bloc_texte_methodologie {
	background-image: url(uploads/images/fond_methodologie.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 30px;
	font-family: Arial, Helvetica, sans-serif;
  }
  
  #bloc_texte_methodologie p {
  margin: 0 15px 0 15px;
  }
  
    #box_charte {
	width:496px;
  } 
  
    #bloc_texte_charte {
	background-image: url(uploads/images/wallpaper_charte.gif);
	background-repeat: repeat;
	background-position: left bottom;
	padding:15px;
	font-family: Arial, Helvetica, sans-serif;
  }
  
  #bloc_texte_charte p {
  margin: 0 15px 0 15px;
  }

  #bloc_formulaire {
	background-image: url(uploads/images/bg_sticker_bas_03.gif);
	background-repeat: repeat;
	background-position: left bottom;
	padding:8px;
	font-family: Arial, Helvetica, sans-serif;
  }

#bloc_formulaire img {
margin: 5px;
}
 
  
  #box_newsletter {
	width:224px;
	padding-top:24px;
	background-image: url(uploads/images/haut_newsletter.png);
	background-repeat: no-repeat;
	background-position: left top;
  } 
  
  #bloc_texte_newsletter {
	background-image: url(uploads/images/fond_newsletter.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-family: Arial, Helvetica, sans-serif;
  }
  
  #box_newsletter form {
	width:224px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	padding: 10px;
}
  
  #bloc_texte_newsletter p {
  margin: 0 15px 0 15px;
  }
  
#box_newsletter label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #335795;
}

#box_newsletter input[type="text"] {
width:150px;
padding:2px;
font-size: 1em;
border: 1px solid #ABC6DD;
background: #F8FAFA;
}

#box_newsletter span {
color:red;
}

#box_newsletter input[type="text"]:hover,input[type="text"]:focus, textarea:hover, select:hover, checkbox:hover
{
	border: 1px solid #4E6972;
	background: #E2EBEB;
} 

#box_newsletter input[type="button"],input[type="submit"] { width: 136px; height: 32px; border: none; cursor: pointer; background: url(uploads/images/bt_newsletter_off.gif) no-repeat left top; }

#box_newsletter input[type="button"]:hover,input[type="submit"]:hover { background: url(uploads/images/bt_newsletter_on.gif) no-repeat left bottom; } 

#box_newsletter input[type="button"],input[type="submit"] value {

}

  #box_gps {
	width:224px;
	margin:0;
	padding:0;
	}

  #box_guide {
	width:224px;
	margin:0;
	padding:0;
	}
	
#box_video {
	width:184px;
	margin:0;
	padding:0;
	}

    #box_contact {
	width:224px;
	padding-top:24px;
	background-image: url(uploads/images/haut_contact.png);
	background-repeat: no-repeat;
	background-position: left top;
  } 
  
  #bloc_contact {
	background-image: url(uploads/images/fond_contact.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-family: Arial, Helvetica, sans-serif;
  }
  
  #bloc_contact p {
  margin: 0 15px 0 15px;
  }

#sous_menu {
	margin: 0;
	padding: 0;
	width:185px;
	background:#FFFFFF url(uploads/images/hr_sous_menu.png) repeat-y left top;
	list-style:url(uploads/images/puce_fleche.png) outside;
	color:#2C508C;
	text-align:left;
}

#sous_menu ul {
	padding:0;
	margin: 0;
}

#sous_menu li a {
text-decoration:none;
font-size: 100%;
color:#2C508C;
line-height:25px;
vertical-align: baseline;
}

#sous_menu li a:hover, active {
text-decoration:none;
color:#951D02;
}

#sous_menu hr {

width: 95%; /* enleve toute bordure */
border-bottom: 1px solid #CCDEF4; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
height: 1px; /* pour IE */
border-top: 0;
border-right: 0;
border-left: 0;
}

.sous-titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #23548C;
	font-style: italic;
	font-weight: 100;
}

#col3 h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	background: #FF7300 url(uploads/images/puce_h2.png) no-repeat left;
	line-height: 1.5em;
	padding-left: 26px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.sous-titre-conseil {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #fff;
	background: #CA3517 url(uploads/images/puce_h2_conseils.png) no-repeat left;
	line-height: 1.5em;
	padding-left: 26px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}

.sous-titre-audit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #fff;
	background: #CA3517 url(uploads/images/puce_h2.png) no-repeat left;
	line-height: 1.5em;
	padding-left: 26px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}

.sous-titre-solution {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #fff;
	background: #95B000 url(uploads/images/puce_h2_solutions.png) no-repeat left;
	line-height: 1.5em;
	padding-left: 26px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}

.sous-titre-general {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #fff;
	background: #2265DA url(uploads/images/puce_h2_general.png) no-repeat left;
	line-height: 1.5em;
	padding-left: 26px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}


#col3 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
}

#col3 img {
	padding:0;
	margin:0;
}

#saisie input, #saisie textarea
        {
        color: #633;
        font-size: 10px;
        background-color: #ebebd9;
        padding: 3px;
        border: double 3px orange
        }
		
/*form {
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	padding: 10px 0;
}*/

textarea {
border:1px solid black;
font-size: 10px;
font-family:Arial, Helvetica, sans-serif;
margin:0 0 10px 0;
}

input {
border:1px solid black;
font-size: 12px;
margin:0 0 10px 0;
}


#box_contact label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #7A8F0C;
}

#box_contact input[type="text"], textarea {
width:150px;
}

#hautdepage {
	text-align: right;
}

#box_blog {
	width:224px;
	padding-top:43px;
    margin: 0px;
	padding:0px;
  }
  
.form_contact {
text-align:left;
}

.table_accueil {
	margin: 0px;
	padding: 0px;
}

.table_accueil img, th, td {
	margin: 0px;
	padding: 0px;
}

.table_accueil ul {
	list-style-image: url(uploads/images/puce_croix.png);
	margin: 0px;
	padding: 2px 8px 2px 5px;
}

div.hr {
	color: #CDDCF6;
	background:#CDDCF6;
	margin: 0 0 5px 0;
	padding: 0;
	border:0;
	border-bottom: 1px #CDDCF6 solid;
}

    #box_important {
	width:500px;
	padding-top:11px;
        padding-bottom:11px;
	background-image: url(uploads/images/haut_encart_bas_de_page.png);
	background-repeat: no-repeat;
	background-position: left top;
  } 
  
  #bloc_texte_important {
	background-image: url(uploads/images/bas_encart_bas_de_page.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-family: Arial, Helvetica, sans-serif;
  }
  
#bloc_texte_important p {
  padding-left:8px;
  padding-right:8px;
  padding-bottom:5px;
  }

}
/* End of 'content' */