/* Css Appcp.ca */

body{
	margin:0;
	padding:0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}

a{
	text-decoration:none;
	outline:none;
	color:#666;
}

a:hover{
	color:#111;
}

img{
	border:0px none;
}

ul{
	list-style-type:none;
	padding:0 0 0 10px;
}

#wrapper{
	width:960px;
	margin:0 auto;
}

#header{
	height:120px;
	margin:0;
	padding:0;
}

#header a{
	float:left;
	height:120px;
}

.logo{
	float:right;
}

.separateur{
	background:transparent url("../../images/separateur.png") no-repeat;
	height:11px;
	margin:0px 0 15px 0;
}

.download{
	vertical-align:-30%;
	height:20px;
}

/******** Nav *************************/

#nav ul, #menuPresse ul{
	margin:0;
	padding:0;
}

#nav li, #menuPresse li{
	float:left;
	list-style:none;
	margin:0;
	width:120px;
	text-align:center;
	height:25px;
	padding:0;
}

#nav ul li a, #menuPresse ul li a{
	color:#FFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	display:block;
	line-height:25px;
	height:25px;
}

#nav ul li:hover a, #menuPresse ul li:hover a{
	text-decoration:underline;	
}

.accueil{
	background:#231f20;
}

.association{
	background:#2c3384;
}

.actualites{
	background:#06284c;
}

.presse{
	background:#1f5765;
}

.temoignages{
	background:#0e90b3;
}

.liens{
	background:#aaa73b;
}

.contact{
	background:#ee5523;
}

.membre{
	background:#772268;
}

.activePublic{
	text-decoration:underline;
}

/****** END Nav *************************/

/********* Page accueil *****************/

#leftColAccueil{
	width:425px;
	background:#FFF url("../../images/accueil-left-col1.jpg") no-repeat;
	height:565px;
	float:left;
}

#actualitesAccueil{
	background:transparent url("../../images/cadre-actualite.png") repeat;
	margin:73px 0 0 110px;
	width:267px;
	padding:15px 10px 15px 5px;
	color:#FFF;
}

#actualitesAccueil a{
	color:#FFF;
}

#actualitesAccueil a:hover{
	color:#CCC;
}

#videoAccueil{
	background:#006693;
	width:262px;
	height:150px;
	margin:15px 0 0 110px;
	padding:10px;
}

#videoAccueilHolder{
	margin:0 auto;
	padding:0;
	height:140px;
	width:252px;
}

#videoAccueilHolder a{
	color:#CCC;
}

#rightColAccueil{
	width:535px;
	background:#FFF url("../../images/accueil-right-col1.jpg") no-repeat;
	height:565px;
	float:left;
}

#communiqueAccueil{
	background:#FFF;
	opacity:0.8;
	filter:alpha(opacity=80);
	margin:365px 0 0 236px;
	width:250px;
	/*height:110px;*/
	padding:15px;
	color:#676465;
}

#communiqueAccueil a{
	color:#676465;
}

#communiqueAccueil a:hover{
	color:#000;
}



/********* END Page accueil **************/

#leftColAssociation, #leftColActualites, #leftColPresse, #leftColTemoignages, #leftColLiens, #leftColContact, #leftColMembreLogin, #leftColMembreSection{
	width:363px;
	height:565px;
	float:left;
}

#rightColAssociation, #rightColActualites, #rightColPresse, #rightColTemoignages, #rightColLiens, #rightColContact, #rightColMembreLogin, #rightColMembreSection{
	width:595px;
	float:left;
	padding:20px 0 10px 0;
}

#rightColAssociation p, #rightColActualites p, #rightColPresse p, #rightColTemoignages p, #rightColLiens p, #rightColContact p, #rightColMembreLogin p, ##rightColMembreSection p{
	padding:0 100px 10px 0;
}

.imgTitle{
	margin:50px 0 0 0;
	float:left;
}

/******** Association ******************/

#leftColAssociation{
	background:#FFF url("../../images/association-left-col.jpg") no-repeat;
}

/****** END Association *************************/

/******** Actualites ******************/

#leftColActualites{
	background:#FFF url("../../images/actualites-left-col.jpg") no-repeat;
}

/****** END Actualites *************************/

/******** Presse ******************/

#leftColPresse{
	background:#FFF url("../../images/presse-left-col.jpg") no-repeat;
}

#rightColPresse a{
	color:#164B8D;
}

#rightColPresse a:hover{
	text-decoration:underline;
}

/****** END Presse *************************/

/******** Temoignages ******************/

#leftColTemoignages{
	background:#FFF url("../../images/temoignages-left-col.jpg") no-repeat;
}

#video-ul{
	height:10px;
	width:10px;
	background:#FFF url("../../images/video-ul.png") no-repeat;
}

#video-uc{
	height:10px;
	background:#FFF url("../../images/video-uc.png") repeat-x;
}

#video-ur{
	height:10px;
	width:10px;
	background:#FFF url("../../images/video-ur.png") no-repeat;
}

#video-cl{
	width:10px;
	background:#FFF url("../../images/video-cl.png") repeat-y;
}

#video-cc{
	
}

#video-cr{
	width:10px;
	background:#FFF url("../../images/video-cr.png") repeat-y;
}

#video-bl{
	height:10px;
	width:10px;
	background:#FFF url("../../images/video-bl.png") no-repeat;
}

#video-bc{
	height:10px;
	background:#FFF url("../../images/video-bc.png") repeat-x;
}

#video-br{
	height:10px;
	width:10px;
	background:#FFF url("../../images/video-br.png") no-repeat;
}

.tinyNote{
	text-align:center;
}

/****** END Temoignages *************************/

/******** Liens ******************/

#leftColLiens{
	background:#FFF url("../../images/liens-left-col.jpg") no-repeat;
}

a.link{
	font-size:18px;
	font-weight:bold;
	color:#ada93c;
}

a:hover.link{
	color:#c8c464;
}

.txtLink{
	margin:0 0 10px 15px;
	font-size:13px;
}

/****** END Liens *************************/

/******** Contact ******************/

#contact{
	width:500px;
}

#contact label{
	width:100px;
	text-align:right;
	float:left;
	line-height:29px;
}

#contact input{
	float:left;
	height:18px;
	margin:2px 0 2px 10px;
	width:290px;
}

#contact select{
	float:left;
	height:24px;
	margin:2px 0 2px 10px;
}

#contact textarea{
	float:left;
	margin:2px 0 2px 10px;
	width:290px;height:100px;
}

#leftColContact{
	background:#FFF url("../../images/contact-left-col.jpg") no-repeat;
}

/****** END Contact *************************/

/******** Membre login ******************/

#membreLogin{
	margin:50px 0 0 20px;
	padding:50px 0 0 50px;
	height:260px;
	width:280px;
	background:transparent url("../../images/box-login.png") no-repeat;
}

#membreLogin a{
	color:#333;
}

#membreLogin a:hover{
	color:#111;
	font-weight:bold;
}

#leftColMembreLogin{
	background:#FFF url("../../images/membre-left-col.jpg") no-repeat;
}

#membreLogin p{
	margin:0 0 10px;
}

/****** END Membre login *************************/

/******** Membre section ******************/

#leftColMembreSection{
	background:#FFF url("../../images/membre-left-col.jpg") no-repeat;
}

#memberNav{
	opacity:.85;
	background:#FFF;
	margin:25px 40px 25px 5px;
	padding:15px;
	border:#DDD 1px solid;
}

#memberNav a{
	height:27px;
	color:#555;
	font-size:14px;
	width:260px;
	display:block;
	line-height:27px;
}

#memberNav ul li{
	height:27px;
	background:#FFF;
	padding:0 0 0 10px;
}

#memberNav ul li:hover{
	background:#DDD;
	height:27px;
	cursor:pointer;
}

#memberNav ul li:hover a{
	color:#000;
}

.opaque {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; // first!
	filter: alpha(opacity=85);					// second!
}

#memberNav ul li.active{
	background:#DDD;
	height:27px;
}

#memberNav ul li.active a{
	color:#000;
}

#membreSection{
	padding:0 30px 0 0;
}

#membreSection label{
	width:180px;
	text-align:right;
	float:left;
	line-height:29px;
}

#membreSection input{
	float:left;
	margin:2px 0 2px 10px;
	width:290px;
}

#membreSection select{
	float:left;
	height:24px;
	margin:2px 0 2px 10px;
}

#membreSection textarea{
	float:left;
	margin:2px 0 2px 10px;
	width:290px;height:100px;
}

#logoutBox{
	float:right;
	border:#772268 1px solid;
	height:50px;
	width:200px;
	margin:38px 10px 0 0;
	padding:10px 5px;
	text-align:center;
}

.ident{
	font-size:14px;
	font-weight:bold;
	color:#772268;
}

#rightColMembreSection a{
	color:#164B8D;
}

#rightColMembreSection a:hover{
	text-decoration:underline;
}

#addMembers label{
	width:180px;
	text-align:right;
	line-height:29px;
}

#addMembers input{
	margin:2px 0 2px 10px;
	width:290px;
}

/****** END Membre section *************************/

/************** Footer *****************/

#footer{
	height:25px;
	padding:5px 0 0 0;
	text-align:center;
	color:#FFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	background:#231f20;
	margin:0 0 15px 0;
}

#footer a{
	color:#FFF;
}

#footer a:hover{
	color:#AAA;
}

.footer{
	margin:2px 0;
	text-align:center;
}

/************** End Footer *************/

/************** Font ******************/

p{
	margin:0;
	padding:0;
}

h4{
	margin:0;
	font-size:13px;
}

h3{
	margin:0;
	font-size:14px;
}

h2{
	margin:0;
	font-size:16px;
}

.txtActualites{
	font-size:12px;
	margin:10px 0 0 0;
}

.txtCommunique{
	font-size:12px;
	margin:10px 0 0 0;
}

.signature{
	margin:5px 0 15px;
	font-size:11px;
	font-style:italic;
}

.suite{
	margin:0;
	font-size:12px;
}

.articleTitle{
	font-size:13px;
	font-weight:bold;
	color:#666;
	margin:0;
}

.obligatoire{
	color:red;
}

.link{
	font-size:13px;
	font-weight:bold;
	
}

/*************** End Font *************/