/********/
/* HTML */
/********/
body {
	background-image	: url(../images/primiweb2/modele/fond-gris.jpg);
	background-repeat	: repeat-x;
	margin				: 22px 0 0 0;
}
body, td, th, p {
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	font-size	: 12px;
	color		: #555555;
}
p {
	text-align	: justify;
}
strong {
	color		: #ED5F21;
}
h1 {
	color			: #C13600;
	size			: 25px;
	font-weight		: normal;
	margin			: 0;
	margin-bottom 	: 14px;
}
h1 a:visited,
h1 a:active,
h1 a:hover,
h1 a:link {
	color			: #C13600;
	text-decoration	: none;
}
h1 a:hover {
	color			: #ED5F21;
	text-decoration	: underline;
}
h1.margin {
	margin-top	: 30px;
}
h2 {
	margin			: 0;
	margin-bottom 	: 14px;
	font-weight		: normal;
	font-size		: 18px;
}
h3 {
	font-size		: 13px;
	letter-spacing	: 1px;
	margin			: 0;
}
a:visited,
a:active,
a:hover,
a:link {
	text-decoration	: underline;
	color			: #ED5F21;
}
a:hover {
	text-decoration	: none;
	color			: #ED5F21;
}
form {
	margin	: 0;
}
input, select, textarea {
	border			: 1px #B7C0CF solid;
	padding			: 1px;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 12px;
	color			: #555555;
	background		: url(../images/primiweb2/divers/bginput.png) repeat-x top #FFFFFF;
}
input.checkbox {
	border	: 0;
}
input.bouton {
	border				: 2px #AEE374 solid;
	padding				: 5px;
	background-color	: #DEFEB9;
	-moz-border-radius	: 5px;
	background-image	: none;
}
hr {
	height		: 1px;
	border		: 0;
	border-top	: 1px #DDDDDD solid;
}
/*************************************/


/******/
/* ID */
/******/
/* Structure */
#structure {
	width				: 1048px;
	height				: 843px;
	margin-left			: auto;
	margin-right		: auto;
}
#structure.fond_accueil, .fond_accueil {
	background-image	: url(../images/primiweb2/structure/fond-planete-accueil.jpg);
}
#structure.fond_sitesweb, .fond_sitesweb {
	background-image	: url(../images/primiweb2/structure/fond-planete-sitesweb.jpg);
}
#structure.fond_formation, .fond_formation {
	background-image	: url(../images/primiweb2/structure/fond-planete-formation.jpg);
}
#structure.fond_logiciels, .fond_logiciels {
	background-image	: url(../images/primiweb2/structure/fond-planete-logiciels.jpg);
}
#structure.fond_developpement, .fond_developpement {
	background-image	: url(../images/primiweb2/structure/fond-planete-developpement.jpg);
}
#structure.fond_hebergement, .fond_hebergement {
	background-image	: url(../images/primiweb2/structure/fond-planete-hebergement.jpg);
}

/* Bandeau */
#bandeau {
	position			: relative;
	height				: 273px;
}
#bandeau .logo {
	position			: absolute;
	margin-left			: 26px;
	margin-top			: 18px;	
}
#bandeau .accroche {
	position			: absolute;
	margin-left			: 66px;
	margin-top			: 152px;	
}
#bouton_rubrique {
	position			: absolute;
	margin-left			: 195px;
	margin-top			: 218px;
	width				: auto;
}
#bandeau .bandeau_rubrique{
	position			: absolute;
	top 				: 0;
	right				: 0;
	margin-right		: 42px;
	margin-top			: 25px;
}


/* Contenant */
#contenant {
	width		: 976px;
	margin-left	: 36px;
}

/* Contenu */
#contenu {
	position		: relative;
	/*height				: 352px;*/
	background-color: #FFFFFF;
	padding			: 20px;
}


/* Menu haut */
#menu_haut a:link,
#menu_haut a:visited,
#menu_haut a:hover,
#menu_haut a:active {
	color			: #FFFFFF;
	display			: block;
	line-height		: 46px;
	width			: 161px;
	text-decoration	: none;
	font-weight		: bold;
	text-align		: center;
}
#menu_haut .bouton_central {
	background-image	: url(../images/primiweb2/menu_haut/bouton-central.jpg);
	background-repeat	: repeat-x;

}
#menu_haut .bouton_central:hover,
#menu_haut .bouton_central.on {
	background-image	: url(../images/primiweb2/menu_haut/bouton-central-on.jpg);
	background-repeat	: repeat-x;
}
#menu_haut .bouton_gauche{
	background-image	: url(../images/primiweb2/menu_haut/bouton-gauche.png);
}
#menu_haut .bouton_gauche:hover,
#menu_haut .bouton_gauche.on {
	background-image	: url(../images/primiweb2/menu_haut/bouton-gauche-on.png);
}
#menu_haut .bouton_droite{
	background-image	: url(../images/primiweb2/menu_haut/bouton-droite.png);
}
#menu_haut .bouton_droite:hover,
#menu_haut .bouton_droite.on {
	background-image	: url(../images/primiweb2/menu_haut/bouton-droite-on.png);
}


/* Zone boutons témoignages */
#bouton_temoignages {
	height				: 70px;
	background-image	: url(../images/primiweb2/pied_page/bouton_temoignages.gif);
}


/* Pied de page */
#pied_page {
	height				: 72px;
	background-color	: #FFFFFF;
	vertical-align		: middle;
	font-size			: 12px;
}
#pied_page .texte_pied_page {
	width				: 950px;
	height				: 74px;		
	padding-left		: 26px;
	font-family			: Geneva, Arial, Helvetica, sans-serif;
}


#accueil_news,
#accueil_news td,
#accueil_news p {
	color		: #666666;
	font-size	: 10px;
	margin		: 0px;
	text-align	: left;
}
#accueil_news_hide {
	display			: none;
	position		: absolute;
	background-color: #FFFFFF;
	width			: 400px;
	border			: 2px #999999 solid;
	padding			: 5px;
}
/*************************************/


/*********/
/* CLASS */
/*********/
/* Vignette */
.vignette {
	background-image: url(../images/primiweb2/contenu/vignette.gif);
	width			: 183px;
	height			: 237px;
}
.vignette p {
	text-align	: left;
}
.vignette .txt {
	padding		: 10px;
	width		: 160px;
	height		: 187px;
	text-align	: left;
}
.vignette .fleche {
	background	: url(../images/primiweb2/contenu/fleche_vignette.gif) no-repeat left top;
	width		: 180px;
	height		: 30px;
	padding		: 3px 0 0 2px;
	font-size	: 11px;

}
.vignette .fleche a:link,
.vignette .fleche a:visited,
.vignette .fleche a:hover,
.vignette .fleche a:active {
	color			: #FFFFFF;
	text-decoration	: none;
}

/* Bouton onglet */
.bouton_onglet {
	border				: 2px #AEE374 solid;
	padding				: 5px;
	background-color	: #DEFEB9;
	-moz-border-radius	: 10px 0 0 0 ;
	margin-bottom		: 2px;
}
.bouton_onglet_gris {
	background-color: #EEEEEE;
}
a.bouton_onglet,
a:visited.bouton_onglet,
a:hover.bouton_onglet,
a:active.bouton_onglet {
	color			: #666666;
	text-decoration	: none;
}


/* Bouton vert */
.bouton_vert {
	position	: relative;
	width		: 325px;
	text-align	: center;
}
.bouton_vert .txt {
	position	: absolute;
	width		: 325px;
	top			: 70px;
	left		: 0;
	color		: #305C01;
}
.bouton_vert .txt a:visited,
.bouton_vert .txt a:active,
.bouton_vert .txt a:hover,
.bouton_vert .txt a:link {
	color			: #305C01;
	text-decoration	: none;
}
.bouton_vert .txt a:hover {
	color			: #FFFFFF;
	text-decoration	: underline;
}
.bouton_vert .titre {
	font-size	: 25px;
	position	: absolute;
	top			: 26px;
	left		: 0;
	width		: 325px;
	height		: 40px;
	color		: #305C01;
	text-align  : center;
}
.bouton_vert .titre a:visited,
.bouton_vert .titre a:active,
.bouton_vert .titre a:hover,
.bouton_vert .titre a:link {
	color			: #305C01;
	text-decoration	: none;
}
.bouton_vert .titre a:hover {
	color			: #FFFFFF;
	text-decoration	: underline;
}
.liens a:visited,
.liens a:active,
.liens a:hover,
.liens a:link {
	color	: #C13600;
}

.liens a:hover {
	color	: #ED5F21;
}
.hide {
	display	: none;
}
.image {
	border	: 1px #CCCCCC solid;
	padding	: 1px;
}
.erreur {
	border			: 1px #FC907A solid;
	margin			: 0 0 10px 0;
	padding			: 10px;
	background-color: #FFD9CD;
}
.ok {
	border			: 1px #AEE374 solid;
	margin			: 0 0 10px 0;
	padding			: 10px;
	background-color: #DEFEB9;
}
.erreur p {
	color	: #C13600;
}
.ok {
	color	: #009900;
	border	: 1px #009900 solid;
	padding	: 10px;
}
.ok p {
	color	: #009900;
}
.note, .note p {
	font-size	: 10px;
}
.cadre {
	border		: 1px #CCCCCC solid;
	padding		: 10px;
}
.cadre_gris {
	border		: 1px #CCCCCC solid;
	padding		: 10px;
	background	: #FAFAFA;
}

/* Tableaux... */
.tableau {
	border			: 1px #CCCCCC solid;
	background-color: #FFFFFF;
}
.tableau th {
	font-size			: 12px;
	color				: #555555;
	background-color	: #E0E8F2;
	font-weight			: bold;
}
.tableau tr {
	background-color	: #FAFAFA;
}
.tableau .entete,
.tableau .entete td {
	font-size		: 12px;
	color			: #000000;
	background-color: #E5E5E5;
	font-weight		: bold;
	padding			: 5px;
	text-align		: center;
}
.tableau .ligne0 {
	background-color	: #FAFAFA;
}
.tableau .ligne1 {
	background-color	: #EEEEEE;
}
.tableau .ligne_survol {
	background-color	: #FFDD92;
}
.tableau .ligne_modif {
	background-color	: #E9C6A3;
}
.tableau .ligne_add {
	background-color	: #D7F2D9;
}


.left,
.left p {
	text-align	: left;
}
.mt20 {	margin-top	: 20px;}
.mt40 {	margin-top	: 40px;}