/*****************************************/
/*************MISE EN PAGE****************/
/*****************************************/
html{
	background-image:url(../img/bg.jpg);
	margin: 0;
	padding: 0;
}
body {

	background-image:url(../img/fond2.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	color : #cccccc;
	margin: 0;
	padding: 0;
}
body, select, td, input, div, textarea{
	font: 11px Arial, Times New Roman, Times, serif;
}
input, textarea {
	border: 1px solid #000;
	color: #000;
	padding-left: 2px;
}
p {
	margin-top: 0;
	padding-top: 0;
}
form {
	border: 0px solid #FFF;
	margin: 0;
	padding: 0;
}
.radio {
	background: none;
	border: 0;
}
label {
	font-weight: bold;
}
hr {
	background-image:url("../img/hr.png");
	border:0px;
	height: 5px;
	margin: 5px 0 5px 0;
	padding: 0;
}
.clear {
	clear: both;
	font-size: 0;
	height: 0px;
	margin: 0;
	padding: 0;
	visibility: hidden;
}
img{
	border:0px;
}

/******************Titre*******************/

h1 {
	font-size: 12px;
	margin: 0 0 8px 0;
}
h2 {
	font-size: 11px;
	margin: 0 0 8px 0;
}
h3 {
	font-size: 11px;
	margin: 0 0 8px 0;
}

/******************Lien*******************/

a:link, a:visited, a:active, a:hover {
	color:#cccccc;
	text-decoration:none;
}

a.bleu:link, a.bleu:visited, a.bleu:active, a.bleu:hover{
	color:#12b3df;
	text-decoration:none;
}
a.rose:link, a.rose:visited, a.rose:active, a.rose:hover{
	color:#e53282;
	text-decoration:none;
}
a.vert:link, a.vert:visited, a.vert:active, a.vert:hover{
	color:#3aab77;
	text-decoration:none;
}
a.violet:link, a.violet:visited, a.violet:active, a.violet:hover{
	color:#873e93;
	text-decoration:none;
}
a.jaune:link, a.jaune:visited, a.jaune:active, a.jaune:hover{
	color:#f4e723;
	text-decoration:none;
}
/*****************************************/
/*************MISE EN PAGE****************/
/*****************************************/

/******************IMAGE*******************/

.imgLeft {
	float: left;
	margin-right: 5px;
}
.imgRight {
	float: right;
	margin-left: 5px;
}
.imgTop {
	margin-bottom: 10px
}
.imgBottom {
	margin-top: 10px
}

.tpTexte {
	clear:both;
	margin-bottom: 20px;
}
.erreur{
	font: arial 11px red;
	font-weight: bold;
}

/*****************************************/
/******************BLOC*******************/
/*****************************************/

#container {
	margin: auto;
	width: 1000px;
}
#haut{
	height:147px;
}
#container2{
	width: 1000px;
	margin: 16px 0 0 0px;
}
#gauche {
	float:left;
	margin:0px 0px 0px 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	width:215px;
}
#contenu {
	float: left;
	padding: 0px 0 0 10px;
	width: 604px;
}
#droite {
	float: right;
	width:161px;
}
/***Login***/

#divlogin{
	height:33px;
	margin: auto;
	width: 1000px;
}
#divlogin img#entete_pratikmedia{
	float:left;
}
#acces{
	float:left;
	height: 33px;
	margin:0 0 0 380px;
	text-align:center;
}
#login, #mdp, #ok, #son{
	float:left;
	height: 33px;
	margin-right:10px;
	text-align:center;
}
#login, #mdp{
	margin-top: 7px;
}
#login input{
	color: #999999;
}
#mdp input{
	color:#999999;
}
#acces , #login, #mdp, #ok {
	display:block;
}
#errLog {
	color: #e53282;
	margin: 8px 0px 0px 980px;
	position: absolute;
	text-align:right;
}
#son {
	display:none;
}
#ok{
	margin-top:8px;
}
#ok input {
	border:none;
	background-color:none;
}

#Portfolio{
	margin-top:5px;
}

/***Navigation***/

#divnavigation{
	margin: auto;
	width: 1000px;
}
#logo{
	float:left;
	height:114px;
	width:333px;
}
#nav {
	float:left;
	height:69px;
	margin:45px 0px 0px 0px;
	padding:0px 0px 0px 132px;
	width:535px;
}
#nav a, #nav a:hover, #nav a:active, #nav a:visited{
	color:#fff;
	font-size: 12px;
	text-decoration:none;
}

/***Wall***/

#visu {
	height:380px;
	margin: 1px 5px 0px 0px;
	width:1000px;
}

/*** Contact ***/

#contact {
	width : 95%;
}
#contact_pratik {
	color : #fff;
	font-size: 11px;
	text-align:center;
	width : 90%;
}

/*** Recherche ***/

#recherche_cadre {
	background-image:url("../img/fd_recherche.png");
	background-position:0 0;
	background-repeat:no-repeat;
	height:49px;
	margin:0px 0 10px 0;
	padding:15px 0 0 15px;
	width:180px;
}
img#recherche{
	margin: 0px 0px 2px 0px;
	padding: 0px;
}
#rechTxt {
	background-color : #dedede;
	border : 1px solid #8d8b8b;
	width:130px;
}
#rech #rechBou {	
	background : none;
	border : 0px solid;
	margin-bottom :1px;
	vertical-align : middle;
}

/*** Newsletter ***/

#gauche #pratikmedia-newsletter{
	margin: 10px 0px 5px 0px;
}

/***Navigation***/

#gauche li {
	margin-left:0px;
	padding-left:0px;
	margin-bottom:3px;
}

#gauche ul{
	list-style-type: none;
	margin-left:0px;
	padding-left:0px;
}

#gauche a {
	display:block
}
/** Niveau **/
ul#navC0.niv1 {
	margin-top: 0px;
}

.niv2{
	padding: 10px 0px 10px 0px;
}

ul#navC2.niv2 {
	margin-top:10px;
	margin-bottom:15px;
}
/*Niveau 1*/
/*Site Vitrine - 29€ht / mois*/
#navG #liC3{
	background-image:url("../img/menu-gauche-bleu.gif");
	background-position:2px 10px;
	background-repeat:no-repeat;
	margin:0px 0px 5px 0px;
	padding:0px;
}
/*Site Catalogue - 39€ht / mois*/
#navG #liC190{
	background-image:url("../img/menu-gauche-jaune.gif");
	background-position:2px 10px;
	background-repeat:no-repeat;
	margin:0px 0px 5px 0px;
	padding:0px;
}
/*Site Boutique - 59€ht / mois*/
#navG #liC10{
	background-image:url("../img/menu-gauche-rose.gif");
	background-position:2px 10px;
	background-repeat:no-repeat;
	margin:0px 0px 5px 0px;
	padding:0px;
}
/*Création de sites Internet*/
#navG #liC14{
	background-image:url("../img/menu-gauche-vert.gif");
	background-position:2px 10px;
	background-repeat:no-repeat;
	margin:0px 0px 5px 0px;
	padding:0px;
}
/*Référencement Google*/
#navG #liC121{
	background-image:url("../img/menu-gauche-violet.gif");
	background-position:2px 10px;
	background-repeat:no-repeat;
	margin:0px 0px 25px 0px;
	padding:0px;
}
/*Communication papier PAO*/
#navG #liC17{
	background-image:url("../img/menu-gauche-jaune.gif");
	background-position:2px 10px;
	background-repeat:no-repeat;
	margin:0px 0px 5px 0px;
	padding:0px;
}
/*Création de logo*/
#navG #liC27{
	background-image:url("../img/menu-gauche-bleu.gif");
	background-position:2px 10px;
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
	padding:0px;
}

a.navOff1{
	color:#d5d5d5;
	font: 12px Arial, Times New Roman, Times, serif;
	font-weight:bold;
	padding-left: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-decoration:none;
	font-weight:bold;
	margin-top : 3px;
}
a.navOn1, a.navOff1:hover, a.navOn1:hover{
	color:#ffffff;
	font: 12px Arial, Times New Roman, Times, serif;
	font-weight:bold;
	padding-left: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-decoration:none;
	margin-top : 3px;
}

/*Niveau 2*/

a.navOff2{
	background:url("../img/puce.gif") no-repeat;
	background-position: 0px 7px;
	color:#d5d5d5;
	font: 12px Arial, Times New Roman, Times, serif;
	padding-left: 8px;
	text-decoration:none;
	margin-left:10px;
}
a.navOn2, a.navOff2:hover, a.navOn2:hover{
	background:url("../img/puce.gif") no-repeat;
	background-position: 0px 7px;
	font: 12px Arial, Times New Roman, Times, serif;
	color:#ffffff;
	padding-left: 8px;
	text-decoration:none;
	margin-left:10px;
}

/***Partenaire***/

.listepartenaire{
	margin:0px 0px 15px 0px;
}
.partenaireretour, .partenaireretour a:link,  .partenaireretour a:visited, .partenaireretour a:active, .partenaireretour a:hover{
	margin:0px;
	text-align:center;
}
.partenaireid h2{
	color:#12B3DF;
	font-size:11px;
	margin:0 0 8px;
}



.listepartenaire h2{
	color:#12B3DF;
	font-size:11px;
	margin:0 0 8px;
}
.listepartenaire p{
	margin:0px;
	padding:0px;
}

.divsuite a:link,  .divsuite a:visited, .divsuite a:active, .divsuite a:hover{
	text-align:right;
}
/***Bas de page***/

#bas {
	clear:both;
	color : #CDCDCD;
	margin: 0 0 10px 0;
	text-align:center;
}
.bas_page2, .bas_page2 a:link, .bas_page2 a:visited, .bas_page2 a:active, .bas_page2 a:hover {
	color : #333333;
	text-decoration:none;
}
#bas a {
	text-decoration:none;
}
#bas .navBas a{
	color : #af2051;
	padding-left: 5px;
}
.footer_liens, .footer_liens a:link, .footer_liens a:visited, .footer_liens a:active, .footer_liens a:hover {
	color : #333333;
	text-decoration:none;
}
#footer {
	clear:both;
	color : #999999;
	font-size : 10px;
	margin : 40px 0px 0px 0px;
	text-align:center;
}
#footer h2 {
	color : #fff;
	font-size : 12px;
	margin : 0px;
}
#footer a {
	color : #999999;
}

.addthis_toolbox{
	margin: 0 0 0 152px;
}