@CHARSET "UTF-8";

body {
	margin: 0px;
	padding: 0px;
	background-color: #E1E1E1;
	font-family: Arial; 
	font-size: 11px;
	color: #999;
}
.body1 {
	background-image: url(../images/fond-trois-bandes.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}
.body2 {
	background-image: url(../images/fond-quatre-bandes.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}


#container {
	margin: 0px;
	padding: 0px;
	width: 960px;
	background-image: url(../images/fond-blanc-rouge.jpg);
	background-repeat: repeat-y;
	background-position: top left;
}
#colonne_menu {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 282px;
}
#content {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 660px;
}
#contenu {
	margin: 40px 0px 20px 30px;
	padding: 0px;	
}
.spacer {
	clear: both;
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-size: 1px;
	height: 1px;
}



/* choix de la version du site */
/*
#versions_site {
	margin: 0px 20px 0 10px;
	padding: 10px 0px;
	background-image: url(../images/logos-marques-dickson-sunbr.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	border-bottom: 1px solid #CCC;
}
#versions_site fieldset {
	border: 0px;
	padding: 0px;
	margin: 0px;
}
.choix_version {
	border: 1px solid #CCC;
	border-top: 2px solid #CCC;
	padding: 3px 5px;
	background-color: #FFF;
	font-size: 10px;
	color: #666;
}
*/

/* login */
#login {
	padding: 5px;
	background-color: #E7EBEE;
	margin-right: 20px;
	margin-left: 10px;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}
#login a {
	color: #999;
	text-decoration: none;
}
#login a:hover {
	color: #333;
}
#login-title {
	background: url("../images/fleche-rouge-gauche-sur-gris-c.jpg") no-repeat;
	padding-left: 18px;
	padding-top: 2px;
}
#login-title.disconnected {
	font-variant: small-caps;
	cursor: pointer;
}
#login.open #login-title {
	background: url("../images/fleche-rouge-bas-sur-gris-c.jpg") no-repeat;
}
#login-error p {
	margin: 10px 5px 0 5px;
	color: #D00324;
}
#login-content {
	display: none;
	padding: 10px 18px 0 18px;
}
#login-content.open {
	display: block;
}
#login-content p {
	margin: 0;
}
input.form_login-input {
	border: solid 1px #CCCCCC;
	margin-bottom: 10px;
	padding: 2px;
	font-size: 11px;
	color: #DA0027;
}
#form_login-email {
	width: 200px;
}
#form_login-motdepasse {
	width: 150px;
}
#form_login-action {
	width: 47px;
	color: white;
	background-color: #D00324;
	border: solid 1px white;
}
span.login-name {
	margin-right: 10px;
}
span.login-logout {
	margin-left: 10px;
}


/* header - logo - coordonnées */
#logo_site {
	margin: 0px 20px 15px 10px;
	padding: 0px;
	color: #93969B;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
}
#logo_site img {
	border: 0px;
}
address {
	margin: 0px 20px 10px 10px;
	padding: 10px 20px;
	border-bottom: 1px solid #CCC;
	font-style: normal;
	text-align: center;
}
address p {
	margin: 4px 0px;
	padding: 0px;
}
address strong {
	font-weight: normal;
	font-size: 16px;
	margin: 5px 0px;
}
address a {
	color: #666;
	text-decoration: none;
}
address a:hover {
	color: #DA0027;
}
.nos_marques {
	text-transform: uppercase;
	text-align: center;	
}
.pictos_marques {
	margin: 0px 0px 10px 0px;
	text-align: center;
}
.pictos_marques img {
	border: 0px;
}



/* bloc news */
#bloc_news {
	margin: 100px 10px 10px 10px;
	padding: 0;
	height: 360px;
	background-image: url(../images/sigle-dickson-gris-clair.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	color: #666;
}

#bloc_news .liste_news {
	list-style-type: none;
	list-style-image: url(../images/puce-gris-sur-blanc.jpg);
	list-style-position: inside;
	margin: 10px 0px;
	padding: 0;	
}
#bloc_news .liste_news li {
	margin: 3px 0px;
	padding: 0px;
	font-weight: bold;
}
#bloc_news .liste_news a {
	color: #999;
	text-decoration: none;
}
#bloc_news .liste_news strong a {
	color: #DA0027;
}
#bloc_news .liste_news a:hover {
	color: #666;
	text-decoration: underline;
}


/* liste des news */
#liste_full_news {
	margin: 10px;
	padding: 0px;	
}
.date_news {
	margin: 10px 0px 0px 0px;
	padding: 3px 6px;
	background-color: #EDEDED;
	width: 100px;
	color: #666;
	border-bottom: 1px solid #FFF;
}
#liste_full_news dl {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#liste_full_news dt {
	margin: 0px;
	padding: 5px;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	background-color: #FFF;
	border-bottom: 2px solid #EDEDED;
}
#liste_full_news dd {
	margin: 5px 0px;
	padding: 0px 10px 20px 10px;
}
#liste_full_news dd a {
	color: #DA0027;
	text-decoration: none;
}
#liste_full_news dd a:hover {
	color: #000;
	text-decoration: underline;
}


/* navigation du site */
#navigation_site {
	margin: 5px 0px 5px 30px;
	padding: 0px;
	list-style-type: none;
	list-style-position: inside;
}
#navigation_site li {
	display: inline;
	padding: 0px 20px 0px 0px;
	text-transform: uppercase;
	font-size: 10px;
}
#navigation_site li a {
	color: #FFF;
	text-decoration: none;
}
#navigation_site li a:hover {
	color: #DB0124;
}
#navigation_site img {
	border:0px;	
	margin-left:5px;
	position:absolute;
}

#navigation_site #navigation_langue {
	position:absolute;
	top:6px;
	right: auto;
	
}

/* navigation recherche avancée */
#bloc_search {
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
#bloc_search form, #bloc_search fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
#search {
	float: left;
	margin: 0px;
	padding: 10px 0px 5px 5px;
	list-style-type: none;
	list-style-image: url(../images/puce-gris-moyen.jpg);
	list-style-position: inside;
	font-size: 12px;
	color: #3F3F3F;
	width: 490px;
}
#search li {
	padding: 0px;
	margin: 3px 0px;
}
#search li a {
	color: #3F3F3F;
	text-decoration: none;
}
#search li strong, #search li a strong {
	color: #FFF;
}
#search li form {
	margin: 0px;
	padding: 0px;
}

.field_search {
	background-color: #CCC;
	border: 1px solid #999;
	color: #333;
	padding: 2px 4px;
	font-size: 10px;
	width: 110px;
}
#validate_search {
	background-color: #666;
	border: 1px solid #FFF;
	color: #FFF;
	padding: 1px 3px;
	font-size: 10px;
	width: 35px;
}

#choix_versions {
	float: right;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 150px;
	color: #3F3F3F;
}
/*
#form_changer_pays, #form_changer_langue {
	display:inline;
	margin: 3px 0px;
	padding: 30px;
}
#form_changer_pays label, #form_changer_langue label {
	display:inline;
	margin: 3px 0px;
	padding: 0px;
}
#form_changer_pays fieldset, #form_changer_langue fieldset {
	display:inline;
	margin: 0px;
	padding: 0px 0px;
	border: 0px;
}
#form_changer_pays legend, #form_changer_langue legend {
	display:inline;
	padding: 0px;
	margin: 0px;
}
#form_changer_pays_new_pays, #form_changer_langue_new_langue {
	float: left;
	width: 100px;
	border: 1px solid #999;
	background-color: #CCC;
	padding: 1px 2px;
	font-size: 10px;
	color: #333;
}
#validate_pays {
	float: left;
	background-color: #666;
	border: 1px solid #FFF;
	color: #FFF;
	padding: 1px 3px;
	margin: 2px 0px 0px 0px;
	font-size: 10px;
}
*/



/* Articles */
#navigation_articles {
	list-style-type: none;
	list-style-position: inside;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
#navigation_articles li {
	display: inline;
	padding: 5px 10px;
	margin: 0px;
	background-color: #CCC;
}
#navigation_articles li a {
	color: #666;
	text-decoration: none;
}
#navigation_articles li a:hover {
	color: #DA0027;
	text-decoration: none;
}
#bloc_article {
	float: left;
	width: 440px;
	margin: 0px;
	padding: 0px;
}
#bloc_article h2 {
	font-size: 16px;
	color: #666;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-weight: normal;
}
#bloc_article h2 strong {
	color: #333;
	font-weight: normal;
}
.article {
	margin: 10px 0px;
	padding: 15px;
	color: #777;
	background-color: #FFF;
}
.msg_datefin {
	margin: 10px 0px;
	padding: 5px 15px;
	background-color: #666;
	color: #FFF;
}

#bloc_menu_droit {
	float: right;
	margin: 20px 0px;
	padding: 0px;
	width: 140px;
}
/*
#bloc_menu_droit h3 {
	background-color: #DA0027;
	padding: 5px 8px;
	color: #FFF;
	font-weight: normal;
	font-size: 12px;
	margin: 2px 0px;
}
*/
#bloc_menu_droit h3 {
	background-color: #FFF;
	padding: 5px 8px;
	color: #DA0027;
	font-weight: normal;
	font-size: 12px;
	margin: 2px 0px;
	border-bottom: 2px solid #999;
}
#bloc_menu_droit ul {
	list-style-type: none;
	list-style-position: inside;
	margin: 10px 0px;
	padding: 0px;
}
#bloc_menu_droit li {
	padding: 3px;
	border-bottom: 1px solid #CCC;
}
#bloc_menu_droit li a {
	color: #777;
	text-decoration: none;
}
#bloc_menu_droit li a strong {
	color: #DA0027;
}
#bloc_menu_droit li a:hover {
	color: #DA0027;
}


/* résultats recherche */
#recherche {
	width: 440px;
	margin: 0px;
	padding: 0px;
}
#recherche h2 {
	font-size: 16px;
	color: #666;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-weight: normal;
}
.resultats_recherche {
	margin: 15px 10px;
	padding: 0px;
	color: #666;
}
.resultats_recherche h3 {
	font-size: 12px;
	color: #333;
	margin: 5px 0px;
	padding: 0px;
}
.resultats_recherche ul {
	margin: 5px 0px;
	padidng: 0px;
	list-style-type: none;
	list-style-position: inside;
}
.resultats_recherche li {
	padding: 3px 5px;
	border-bottom: 1px solid #FFF;
}
.resultats_recherche li a {
	color: #666;
	text-decoration: none;
}
.resultats_recherche li a strong {
	color: #333;
}
.resultats_recherche li a:hover {
	color: #DA0027;
}



/* FAQ */
#page_faq {
	margin: 0px;
	padding: 0px;
}
#page_faq h2 {
	font-size: 16px;
	color: #666;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-weight: normal;
}
#liste_questions {
	float: left;
	width: 440px;
	margin: 0px;
	padding: 0px;
}
#liste_questions h3 {
	margin: 5px 0px;
	padding: 3px 5px;
	font-size: 12px;
	color: #DA0027;
	font-weight: normal;
	background-color: #FFF;
	border-bottom: 2px solid #999;
}
#liste_questions dl {
	margin: 10px 0px;
	padding: 0px;
}
#liste_questions dt {
	margin: 0px;
	padding: 4px 8px;
	color: #333;
	background-color: #FFF;
}
#liste_questions dd {
	margin: 0px;
	padding: 5px 15px 15px 15px;
	color: #777;
	background-color: #FFF;
}



/* lien retour */
.lien_retour {
	margin: 5px 0px;
	padding: 0px;
}
.lien_retour a {
	color: #555;
	text-decoration: none;
}
.lien_retour a:hover {
	color: #DA0027;
}


/* Footer */
#footer_site {
	margin: 15px;
	padding: 10px 0px;
	border-top: 1px solid #CCC;
	color: #777;
	font-size: 10px;
}
#footer_site a {
	color: #777;
	text-decoration: none;
}
#footer_site a:hover {
	color: #DA0027;
}
#footer_site p {
	margin: 5px;
	padding: 0px;
	font-weight: bold;
}
#footer_site ul {
	margin: 5px;
	padding: 0px;
	list-style-type: none;
	list-style-position: inside;
}
#footer_site li {
	padding: 2px 0px;
	border-bottom: 1px dotted #CCC;
}







.boxy-wrapper { position: absolute; }
.boxy-wrapper.fixed { position: fixed; }

  /* Modal */
  
  .boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; }
  
  /* Border */

  .boxy-wrapper { empty-cells: show; }
	.boxy-wrapper .top-left,
	.boxy-wrapper .top-right,
	.boxy-wrapper .bottom-right,
	.boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 }
	
	.boxy-wrapper .top-left { background: url('../images/boxy/boxy-nw.png'); }
	.boxy-wrapper .top-right { background: url('../images/boxy/boxy-ne.png'); }
	.boxy-wrapper .bottom-right { background: url('../images/boxy/boxy-se.png'); }
	.boxy-wrapper .bottom-left { background: url('../images/boxy/boxy-sw.png'); }
	
	/* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */
	/* NB: these must be absolute paths or URLs to your images */
	.boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='medias/images/boxy/boxy-nw.png'); }
	.boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='medias/images/boxy/boxy-ne.png'); }
	.boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='medias/images/boxy/boxy-se.png'); }
	.boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='medias/images/boxy/boxy-sw.png'); }
	
	.boxy-wrapper .top,
	.boxy-wrapper .bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	.boxy-wrapper .left,
	.boxy-wrapper .right { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	/* Title bar */
	
	.boxy-wrapper .title-bar { background-color: #525357; padding: 6px; position: relative; }
	  .boxy-wrapper .title-bar.dragging { cursor: move; }
	    .boxy-wrapper .title-bar h2 { font-size: 12px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal; }
	    .boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; }
		
	/* Content Region */
	
	.boxy-inner { background-color: white; padding: 0 }
	.boxy-content { padding: 15px; }
	
	/* Question Boxes */

    .boxy-wrapper .question { width: 350px; min-height: 80px; }
    .boxy-wrapper .answers { text-align: right; }
    
   
   
   .boxy-wrapper #form_changer_langue ul {
		bottom:10px;
		margin: 0px;
		padding: 0px;
   }
   .boxy-wrapper #form_changer_langue li{
		display: inline;
		float:left;
		margin:10px;
		text-align:center;
   }
   
   .boxy-wrapper #form_changer_langue img{
		border:0;
		
   }
   
   .boxy-wrapper #form_changer_langue #pays {
		display: inline;
		text-transform: uppercase;
		font-size: 10px;
		
	}
	
	.boxy-wrapper #form_changer_langue a {
		color: #525357;
		text-decoration: none;
		
		
	}
	.boxy-wrapper #form_changer_langue a:hover {
		color: #DB0124;
	}