/*Feuille CSS par Peigné Thomas*/
/*Pour peignechauss.fr*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - -   BASES du SITE      - - - - - - - - - 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

body{
	padding			 : 0px ;
	margin           : 0px ;
	background       : url("../images/background_body.png") repeat-x #3F93C4 ;
	font-family      : 'Trebuchet MS',Verdana,Tahoma,sans-serif ;
}

img{
	border           : none ;
}

#header{
	height           : 140px ;
	width            : 800px ;
	margin           : 0 auto ;
}

#header_gauche{
	background-color : #BE3733 ;
	height           : 140px ;
	width            : 700px ;
	float            : left ;
}

#header_droite{
	background-color : #BE3733 ;
	height           : 140px ;
	width            : 100px ;
	float            : left ;
}

* html #header_droite{
	height           : 145px ;
}

#liens{
	background-color : white ;
	height           : 30px ;
	width            : 800px ;
	margin           : 0 auto ;
	background       : url("../images/barre_liens.png") ;
}

#corps{
	height           : auto ;
	width            : 780px ;
	background-color : white ;
	margin           : -35px auto ;
	padding          : 0 10px 10px ;
}

#menu_gauche{
	width            : 185px ;
	float            : left ;
}

#contenu_droite{
	width            : 585px ;
	height           : auto ;
	float            : left ;
}

* html #contenu_droite{
	width            : 585px ;
}

#corps_top {
	background       : url(../images/corps_top.png) no-repeat ;
	height           : 20px ;
	width            : 800px ;
	margin           : 30px auto ;
}

#corps_bottom {
	background       : url(../images/corps_bottom.png) no-repeat ;
	height           : 20px ;
	width            : 800px ;
	margin           : 30px auto ;
}

#left{
	float            : left ;
	height           : 600px ;
	width            : 100px ;
	margin           : 0px ;
	padding          : 0px ;
	background-image : url(../images/logo2bis.png) ;
}

#right{
	font-size        : 13px;
}

#pied_de_page{
	width            : 800px ;
	height           : 15px ;
	margin           : 10px auto ;
	text-align       : right ;
	font-size        : 11px ;
	background       : url(../images/pied_de_page.png) no-repeat ;
}

#langue{
	color            : white ;
	font-size        : 12px ;
}

#deconnexion{
	display          : block ;
	width            : 113px ;
	height           : 20px ;
	padding          : 0px 0px 2px 0px ;
	border           : 1px solid white ;
	color            : white ;
	text-decoration  : none ;
	margin-left      : 682px ;
	text-align       : left ;
	font-size        : 14px ;
	background-color : #d4615e ;
}

#deconnexion a {
	display          : block ;
	width            : 113px ;
	height           : 20px ;	
}

#deconnexion img{
	border           : none ;
}

#contenu{
	float            : left ;
}

#representant{
	margin-top       : 10px ;
	width            : 175px ;
	height           : auto ;
	padding          : 2px 2px 5px 2px ;
	border           : 1px solid #eb3c55 ;
	text-align       : center ;
	background-color : #fbdbe0 ;
}

#representant_resultat{
}

#plandusite{
	height           : auto ;
	width            : auto ;
	margin-left      : 50px ;
}

* html #plandusite {
   margin-left      : 10px ; /* Lu uniquement par IE 6 */
}

.rand_modeles_gauche{
	border           : 2px solid #B0D2E7 ;
	float            : left ;
	display          : block ;
	width            : 250px ;
	text-align       : center ;
	padding          : 6px 0px 0px 0px ;
}

.rand_modeles_droite{
	border           : 2px solid #B0D2E7 ;
	float            : left ;
	display          : block ;
	width            : 250px ;
	margin-left      : 40px ;
	text-align       : center ;
	padding          : 6px 0px 0px 0px ;
}

* html .rand_modeles {
   width            : 230px ; /* Lu uniquement par IE 6 */
}

.nom_modele{
	background-color : #B0D2E7 ;
	display          : block ;
	height           : 20px ;
	padding          : 6px 0px 0px 0px ;
}

.titre_modeles{
	color            : #A3A284 ;
	font-size        : 16px ;
}

#afficher_modeles{
	margin-top       : 6px ;
}

.titre_expo{
	text-decoration  : none ;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - -  NEWS du SITE      - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


#news{
	height           : auto ;
	width            : 170px ;
	padding          : 2px 2px 2px 2px ;
	border           : 1px solid #eb3c55 ;
	background-color : #fbdbe0 ;
	padding          : 4px 4px 4px 4px ;
	text-align       : center ;
}

#news a{
	color            : #EC665F ;
	font-weight      : bold ;
}

.titre_news{
	display          : block ;
	font-size        : 15px ;
	color            : #315164 ;
	background       : url("../images/titre_news.png") repeat-x ;
	border-bottom    : 1px solid #315164 ;
}

.titre_news a{
	text-decoration  : none ;
}

.titre_news a:hover{
	color            : #0033FF ;
}

.date_news{
	border-bottom    : 1px solid #315164 ;
}

.contenu_news{
	height           : auto ;
	display          : block ;
	padding          : 5px 5px 5px 5px  ;
	margin-top       : -12px ;
	background-color : #dfeef7 ;
	border-bottom    : 1px solid #315164 ;
	border-right     : 1px solid #315164 ;
	border-left      : 1px solid #315164 ;
}

* html .contenu_news {
    margin-top       : -19px ; /* Lu uniquement par IE 6 */
}

.list_news th,td{
	text-align       : center ;
	border           : 1px solid black ;
}

.list_news table{
	border-collapse  : collapse ;
    border           : 2px solid black ;
}

.list_news img{
	border           : none ;
}

.list_news a{
	text-decoration  : none ;
}

#parcourir_news{
	display          : block ;
	width            : auto ;
	height           : 20px ;
	border           : 1px solid black ;
	margin-top       : 5px ;
	text-align       : center ;
}

#parcourir_news a{
	text-decoration  : none ;
	color            : #F6815F ;
}

.exportations_news{
	margin-left      : 530px ;
}

* html .exportations_news {
    margin-left      : 520px ; /* Lu uniquement par IE 6 */
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - -  SITEMAP du SITE      - - - - - - - - - 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


.cadrepage{
	display          : block ;
	height           : 190px ;
	width            : 310px ;
	border           : 1px solid black ;
	float            : left ;
	margin-top       : 10px ;
	margin-left      : 25px ;
	background-color : #f1f1f1 ;
	padding          : 5px 5px 5px 5px ;
}

.cadrepage dd{
	margin-top       : 5px ;
	margin-left      : 15px ;
}

.cadrepage a{
	color            : #616161 ;
	text-decoration  : none ;
}

.cadrepage a:hover{
	color            : #d62775 ;
}


.cadrepage img{
	float            : left ;
	padding-right    : 5px ;
}

.cadrepage_images{
	display          : block ;
	margin-top       : -5px ;
	margin-left      : 115px ;
	height           : 95px ;
}

* html .cadrepage_images {
   margin-left      : 55px ; /* Lu uniquement par IE 6 */
}

.planh3{
	display          : block ;
	font-size        : 12px ;
	color            : #eb3c55 ;
	border-bottom    : 1px solid #eb3c55 ;
	font-weight      : bold ;
	margin-top       : -5px ;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - -  FORMULAIRES du SITE      - - - - - - 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


textarea:focus,input:focus,textarea:hover,input:hover{
}

textarea, input{
	border           : 1px solid black ;
}

#connexion label{
	width            : 100px ;
	float            : left ;
	display          : block ;
}

.boutonconnexion{
	height           : 25px ;
	width            : 90px ;
	margin-left      : 50px ;
	border           : 1px solid #315164 ;
	background       : url("../images/titre_news.png") repeat-x ;
	color            : #294877 ;
}

* html .boutonconnexion {
   margin-left      : 50px ; /* Lu uniquement par IE 6 */
}



.boutonconnexion_representant{
	margin-top       : 4px ;
	height           : auto ;
	width            : 40px ;
	border           : 1px solid #315164 ;
	background       : url("../images/titre_news.png") repeat-x ;
	color            : #294877 ;
}

.boutonconnexion_recherche{
	margin-top       : 4px ;
	height           : auto ;
	width            : 90px ;
	border           : 1px solid #315164 ;
	background       : url("../images/titre_news.png") repeat-x ;
	color            : #294877 ;
}

.boutonconnexion_modif_infos{
	margin-top       : 4px ;
	height           : auto ;
	width            : 190px ;
	border           : 1px solid #315164 ;
	background       : url("../images/titre_news.png") repeat-x ;
	color            : #294877 ;
}


.lienshypertexte{
	color            : black ;
	text-decoration  : none ;
	margin-left      : 20px ;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - -   MENU  du SITE      - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


ul#menu
{
	margin           : 0 auto;
	padding          : 0 ;
	list-style-type  : none ;
	font             : 15px "Calibri", helvetica, sans-serif ;
}

ul#menu li
{
	float            : left ;
	margin           : 0 auto ;
	padding-left     : 0px ;
}

ul#menu li a
{
	display          : block ;
	width            : 160px ;
	line-height      : 30px ;
	color            : white ;
	text-align       : center ;
	text-decoration  : none ;
}

ul#menu li a:hover
{
	font-weight      : bold ;
	font-size        : 16px ;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - -  POLICES du SITE      - - - - - - - - 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


h3{
	font-size        : 12px ;
	color            : #eb3c55 ;
}

h2{
	font-size        : 14px ;
	color            : #eb3c55 ;
}

h1{
	font-size        : 17px ;
	color            : #ec665f ;
	border-bottom    : 1px solid ;
}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - -  CLASSES d'IMAGE - - - - - - - - - 
- - - - - - - - - - - -    du SITE      - - - - - - - - - - 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.image_contact{
	height           : 200px ;
	width            : 200px ;
	margin-left      : 450px ;
	margin-top       : -350px ;
	float            : left ;
}

* html .image_contact {
   margin-left      : 450px ; /* Lu uniquement par IE 6 */
}

.image_presentation{
	margin           : 25px 0 0 60px ;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - -  MSG D'INFO du SITE      - - - - - - - - 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


.erreur1{
	color            : #b41010 ;
	display          : inline ;
	display          : none ;
}

.erreur2{
	color            : #b41010 ;
}

#loader{
	display          : none ;
}

.valide1{
	background-color : #b0dfb1 ;
	border           : 1px solid #10b414 ;
	height           : auto ;
	width            : 400px ;
	color            : #10b414 ;
	padding          : 25px 25px 25px 25px ;
	margin           : 0 auto ;
	text-align       : center ;
}

.valide2{
	color            : #10b414 ;
}

.valide1 a,#erreur1 a{
	color            : black ;
}

#msg_information{
	border		     : 1px dashed #b41010 ;
	color            : #b41010 ;
	width            : 600px ;
	margin           : 0 auto ;
	text-align       : center ;
	background-color : #fadddd ; 
}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - -  EFFETS SURVOLES - - - - - - - - - 
- - - - - - - - - - - -    du SITE      - - - - - - - - - - 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


a.collection img, a.list_modele img{
	border           : none ;
}

a.collection, a.list_modele{
    position         : relative ; 
    text-decoration  : none ;
	margin-right     : 0px ;
}

a.collection:hover, a.list_modele:hover{
	z-index          : 25 ;
}

a.collection span, a.list_modele span{
	display          : none ;
}

a.collection:hover span{ 
	display          : block ; 
	position         : absolute ;
    top              : 0px ; 
	left             : 30px ; 
	width            : 230px;
    border           : 1px solid #6699cc ;
    background-color : #eeeeee ;
	color            : #6699cc ;
    padding          : 4px 4px 4px 4px ;
}

a.list_modele:hover span{ 
	display          : block ; 
	position         : absolute ;
    top              : -7px ; 
	left             : 35px ; 
	width            : auto;
    border           : 1px solid #6699cc ;
    background-color : #eeeeee ;
	color            : #6699cc ;
    padding          : 4px 4px 4px 4px ;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - -   DIVERS du SITE      - - - - - - - - - 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */	


.lienshypertexte:visited,.lienshypertexte:link,
.lienshypertexte01:visited,.lienshypertexte01:link{
	color            : black ;
	text-decoration  : none ;
}

* html .lienshypertexte:link {
	text-decoration  : none ;
}

#deconnexion a:visited,#deconnexion a:link,
#langue a:visited,#langue a:link{
	color            : white ;
	text-decoration  : none ;
}

.lienshypertexte01 img{
	border           : none ;
}

.flux_rss{
	padding-top      : 4px ;
}

.flux_rss img{
	border           : none ;
}

.flux_rss:visited,.flux_rss:link{
	color            : black ;
	text-decoration  : none ;
}

.gras{
	font-weight      : bold ;
}

.sup{
	vertical-align   : super ; 
	font-size        : 75% ;
}

#formulaire{
}

.form{
	margin-top       : 0px ;
}

a{
	behavior: url("script/iefix/IEFixes.htc");
	color            : #123e6b ;
}

#represantant_header{
	border-bottom    : 1px solid black ;
	height           : auto ;
	width            : 760px ;
	padding-top      : 0px ;
}

.afficher_representant_main{
	height           : auto ;
	display          : block ;
	background-color : #D3DCE3 ;
	padding          : 3px 3px 3px 3px ;
}

.cleaner
{
	clear            : both ;
}